HomeworkLib
Question

Web Development & Design Foundations with HTML5 (9th Edition) page 439 I need the HTML CSS...

Web Development & Design Foundations with HTML5 (9th Edition) page 439

I need the HTML CSS codes to make the form look like the one in edition 8. I cannot copy that box into my notepad++.

#4. Create a web page with a form that accepts a website visitor’s name, e-mail, and birthdate. Use the HTML5 type="date" attribute to configure a calendar control on browsers that support the attribute value. Place your name and e-mail address at the bottom of the page. Hint: Sketch out the form on paper before you begin.

engineering   Computer-Science   
0 0
Add a comment Improve this question Transcribed image text
Next > < Previous
Sort answers by oldest

Homework Answers

Answer #1

Dear Student ,

As per the requirement submitted above , kindly find the below solution.

Here a new web page with name "htmldemoForm.html" is created, which contains following code.

htmldemoForm.html :

<!DOCTYPE html>

<html lang="en">

<head>

<!-- title for web page -->

<title>Simple HTML Form</title>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1">

<!-- Embeded style sheet-->

<style>

/* style rule for textboxes */

input[type='date'],input[type='email'],input[type='text']

{

width:200px;

height:25px;

font-size: 20px;

}

/* style rule for form */

form{

border:1px solid orange;

padding: 20px;

width: 50%;

}

</style>

</head>

<body>

<!-- html form -->

<form action="">

Name

<br>

<!-- textbox to enter name -->

<input type="text" id="name" placeholder="Name" required/>

<br><br>

Email

<br>

<!-- input type email -->

<input type="email" id="email" required placeholder="Enter Email"/>

<br><br>

Birthdate

<br>

<!-- input type date -->

<input type="date" id="birthdate" value="Birth Date"/>

<br><br>

<!-- submit button to submit form -->

<input type="submit"/>

<p>Name :abc <br> Email:abc@abc.com</p>

</form>

</body>

</html>

======================================================

Output : Open web page htmldemoForm.html in the browser and will get the screen as shown below

Screen 1 :htmldemoForm.html

NOTE : PLEASE FEEL FREE TO PROVIDE FEEDBACK ABOUT THE SOLUTION.

0 0
Add a comment
Know the answer?
Add Answer to:
Web Development & Design Foundations with HTML5 (9th Edition) page 439 I need the HTML CSS...
Your Answer:

Post as a guest

Your Name:

What's your source?

Earn Coins

Coins can be redeemed for fabulous gifts.

Log In

Sign Up

Not the answer you're looking for? Ask your own homework help question. Our experts will answer your question WITHIN MINUTES for Free.
Similar Homework Help Questions
ADVERTISEMENT
Free Homework Help App
Download From Google Play
Scan Your Homework
to Get Instant Free Answers
Need Online Homework Help?
Ask a Question
Get Answers For Free
Most questions answered within 3 hours.
ADVERTISEMENT
ADVERTISEMENT