Computer Networking: A Top-Down Approach (7th Edition)
Computer Networking: A Top-Down Approach (7th Edition)
7th Edition
ISBN: 9780133594140
Author: James Kurose, Keith Ross
Publisher: PEARSON
expand_more
expand_more
format_list_bulleted
Bartleby Related Questions Icon
Related questions
Question
We need to create an HTML and CSS page with the following requirements. Thank you in advance !
- ... has a method attribute with the value of "post" and an action attribute with the value of "/pets"
- ... has an single-line text input with and id of "name", a name of "pet_name", and with an associated label that reads "Name".
- ... has a drop-down with an id of "type", a name of "pet_type", an associated label that reads "Type", with only the options "Cat", "Dog", "Hamster", "Other", "Zebra".
- ... has a multi-line text input with and id of "bio", a name of "pet_bio", and an associated label that reads "Biography"
- ... has an email input with id of "owner-email", a name of "pet_owner_email", and with an associated label that reads "Owner's Email"
- ... has a button that reads "Create new pet" with type "submit" and id "new-pet-submit-button"
- ... has a button reads "Reset" with type "reset"
- ... is 600px wide when the screen is greater than or equal to 600px wide
- ... uses grid layout to layout labels and form elements when the screen is greater than or equal to 600px wide
- ... is the width of the screen when the screen is less than 600px wide
- ... lays out the labels and form elements as full width when the screen is less than 600px wide
Expert Solution
Check MarkThis question has been solved!
Explore an expertly crafted, step-by-step solution for a thorough understanding of key concepts.
bartleby
This is a popular solution
bartleby
Trending nowThis is a popular solution!
bartleby
Step by stepSolved in 2 steps with 1 images
Still need help?
Follow-up Questions
Read through expert solutions to related follow-up questions below.
Follow-up Question
Hello, I have the same exact coding practice but received an error: " The questions you missed were:
has a 'form' element that is as wide as the window when the window is narrower than 600px "
Is it possible if I could get a fresh set of eyes to check my code after making some changes?
Here's my CSS :
I think I had an error around my media query
Transcribed Image Text:fieldset {
border: 0;
}
form
}
label {
display: inline-block;
width: 90px;
text-align: right;
margin: 0 auto;
border:
pink;
}
font-family: Arial, Helvetica, sans-serif;
border: 1px solid red;
@media screen and (min-width: 600px) {
form {
}
}
@media screen and (max-width: 599px) {
form {
width: 600px;
display: grid;
}
display: block;
width: 100%;
Solution
Bartleby Expert
by Bartleby Expert
Follow-up Questions
Read through expert solutions to related follow-up questions below.
Follow-up Question
Hello, I have the same exact coding practice but received an error: " The questions you missed were:
has a 'form' element that is as wide as the window when the window is narrower than 600px "
Is it possible if I could get a fresh set of eyes to check my code after making some changes?
Here's my CSS :
I think I had an error around my media query
Transcribed Image Text:fieldset {
border: 0;
}
form
}
label {
display: inline-block;
width: 90px;
text-align: right;
margin: 0 auto;
border:
pink;
}
font-family: Arial, Helvetica, sans-serif;
border: 1px solid red;
@media screen and (min-width: 600px) {
form {
}
}
@media screen and (max-width: 599px) {
form {
width: 600px;
display: grid;
}
display: block;
width: 100%;
Solution
Bartleby Expert
by Bartleby Expert
Knowledge Booster
Background pattern image
Learn more about
Need a deep-dive on the concept behind this application? Look no further. Learn more about this topic, computer-engineering and related others by exploring similar questions and additional content below.Similar questions
- How to code? Hello, Im completely lost with my coding assignment. Here are the instuctions: Summary Kidder Garden Pete Burnham of the Kidder Garden website wants you to develop an application for drawing images or "stamps". As a proof of concept, he wants you to create a webpage in which users can choose stamps of a specified size and shade (opacity) and then place those stamp images on a canvas using the mouse. The user can then modify the size, position, rotation, or shading (opacity) by clicking tools from a toolbar and applying that tool to a stamp image. Pete has already designed the webpage. He needs you to write the code to create the stamp objects and place them as images on the page's canvas. Figure 14-50 shows a preview of a completed page with stamp images created and modified by the user. Pete has also supplied you with the following object methods that will be useful to you: The elementX() method for the Event object prototype that returns the x-coordinate of a mouse...arrow_forwardWrite the code necesary in javascript to create a webpage that contains a contact form like the one in the attatched picture. To create and style this form, copy the following HTML and CSS code exactly as follows: HTML: <form><label for="myName">Name:</label> <input type="text" name="myName" id="myName"> <label for="myEmail">E-mail:</label> <input type="text" name="myEmail" id="myEmail"› <label for="myComments">Comments:</label> <textarea name="myComments" id="myComments" rows="2" cols="20"></textarea> <input id="mySubmit" type="submit" value="Submit"› </form> CSS: form { background-color:#eaeaea; font-family: Arial, sans-serif; padding: lOpx; } label { float: left;width: 100px;clear: left; text-align: right; padding-right: lOpx;margin-top: lOpx; }input, textarea { margin-top: lOpx;display: block; }#mySubmit { margin-left: 110px; }arrow_forwardYou’re ready to start using your Asterisk server and learning your way around it.Where is a good starting point?You’re ready to start using your Asterisk server and learning your way around it.Where is a good starting point?arrow_forward
- Please help me with this question. I am having trouble understanding what to do. The HTML code is provided in one of the images below as well as the instructions. The client_side.js and the CSS code are provide below Thank you CLIENT; var url = "http://localhost:3000/post"; var myID; var guessWord; function resetGame(){ var myName = prompt("What is your name?") document.getElementById("mistakes").innerHTML = "Wrong Letters: " // request server to start a new game! $.post(url+'?data='+JSON.stringify({ 'name':myName, //client's identity on the server 'action':'generateWord'}), response); } function printGuess(){ //you write code here! //1. Locate the HTML element with ID 'guessarea' //2. Cycle through the 'guessWord' array and write // each character to the 'guessarea' in turn } function makeGuess(){ //ask the server to validate the guess $.post(...arrow_forwardUse HTML/CSS/JavaScript to build a textbox that accepts a maximum of ten lower-case alphabetic characters. The entering of upper-case alphabetic characters, numeric characters, or special characters are prevented by your code. That is, the prohibited characters are unable to appear in the textbox. Events are to be addressed by JavaScript event listeners. Usage of HTML onEventName attributes are strictly prohibited. Note: you do not have to code a complete working webpage, only necessary code that satisfy the requirements are needed.arrow_forwardI've created this project with using C++ before but this time I am trying to create a Tic tac toe using JavaScript (going to use CSS and make it look nice once I figure out to how even it get it working.) but the requirements for the project are..1. Create an html page that display's a Tic Tac Toe grid2. Ask for player one's name (use prompts or HTML Form)3. Ask for player two's name (use prompts or HTML Form)4. Display a message on the page that says "Joe's Turn" (or whatever player one's name is)5. Let "Joe" take his turn by clicking on a square in the grid6. Mark it with an X (or O)7. Display a message on the page that says "Sue's Turn" (or whatever player two's name is)8. Let "Sue" take her turn by clicking on a square in the grid9. Mark it with an O (or X)10. Continue alternating until there is a winner or a tie11. Display a message declaring the winner (or tie)12. Add a Play Again button that functions as follows:- It only appears after the game is over- It disappears once they...arrow_forward
- Using the template engine, build a page that pulls a list of shapes from the ColorShapes database and presents that list, as a form, to the webapp user. The webapp user is then prompted to select a single shape from the list. Menus or radio buttons are acceptable presentation methods for this page (radio buttons preferred). Using the template engine, build a page that takes the Shape the webapp user selected, and generates a list of Colored Shapes for the selected Shape. I will fill in for database , just leave an open spacearrow_forwardPlease help me with this html, css and JavaScript code. 1. Create a grammar and spelling checker using an API. The checker underlines the misspelled words and gives the user the correct word to use via a small box next to the misspelled word 2. Create a paraphrase using an API that paraphrases a user sentence. Just one sentence at a timearrow_forwardMake a site about two yummy things. It should have a page for each thing, and a home page with the URL index.html. Using Bootstrap, give each page a header, content region, and footer. For this exercise, put your home page and the two yummy thing pages in the same folder. I used these classes on the img: A class to float to the left. A class to make the image responsive. A class to give it a border. A class to give it a right margin (me-2) [Remember, me- means at the end of the line, right in English.] A class to give it a little padding. Here's the footer HTML I used: <p class="small mt-4"> No rights reserved. </p> Set up your pages so that the navbar and footer are reused. So, if I change the footer to this: <p class="small mt-4"> Some rights reserved. </p> The page would change to the picture I uploaded below.arrow_forward
arrow_back_ios
arrow_forward_ios
Recommended textbooks for you
- Text book imageComputer Networking: A Top-Down Approach (7th Edi...Computer EngineeringISBN:9780133594140Author:James Kurose, Keith RossPublisher:PEARSONText book imageComputer Organization and Design MIPS Edition, Fi...Computer EngineeringISBN:9780124077263Author:David A. Patterson, John L. HennessyPublisher:Elsevier ScienceText book imageNetwork+ Guide to Networks (MindTap Course List)Computer EngineeringISBN:9781337569330Author:Jill West, Tamara Dean, Jean AndrewsPublisher:Cengage Learning
- Text book imageConcepts of Database ManagementComputer EngineeringISBN:9781337093422Author:Joy L. Starks, Philip J. Pratt, Mary Z. LastPublisher:Cengage LearningText book imagePrelude to ProgrammingComputer EngineeringISBN:9780133750423Author:VENIT, StewartPublisher:Pearson EducationText book imageSc Business Data Communications and Networking, T...Computer EngineeringISBN:9781119368830Author:FITZGERALDPublisher:WILEY
Text book image
Computer Networking: A Top-Down Approach (7th Edi...
Computer Engineering
ISBN:9780133594140
Author:James Kurose, Keith Ross
Publisher:PEARSON
Text book image
Computer Organization and Design MIPS Edition, Fi...
Computer Engineering
ISBN:9780124077263
Author:David A. Patterson, John L. Hennessy
Publisher:Elsevier Science
Text book image
Network+ Guide to Networks (MindTap Course List)
Computer Engineering
ISBN:9781337569330
Author:Jill West, Tamara Dean, Jean Andrews
Publisher:Cengage Learning
Text book image
Concepts of Database Management
Computer Engineering
ISBN:9781337093422
Author:Joy L. Starks, Philip J. Pratt, Mary Z. Last
Publisher:Cengage Learning
Text book image
Prelude to Programming
Computer Engineering
ISBN:9780133750423
Author:VENIT, Stewart
Publisher:Pearson Education
Text book image
Sc Business Data Communications and Networking, T...
Computer Engineering
ISBN:9781119368830
Author:FITZGERALD
Publisher:WILEY