HTML5: How to define an HTML form for user input?
Solution :
HTML Code :
<!DOCTYPE html><!-- Opening tag for declaring the document type -->
<html><!-- Opening tag for the root element of the HTML document -->
<head><!-- Opening tag for the document's header section -->
<meta charset="utf-8"><!-- Metadata tag specifying the character encoding of the document -->
<title>HTML form tag example</title><!-- Title of the HTML document -->
</head><!-- Closing tag for the document's header section -->
<body><!-- Opening tag for the document's body section -->
<form action="https://www.w3resource.com/html-css-exercise/basic/solution/form-answer-demo.php" method="post"><!-- Opening tag for the form element with attributes specifying the action and method -->
Name: <input type="text" name="name" ><br><!-- Input field for entering a name with the name attribute set to "name" -->
Email: <input type="text" name="email"><br><!-- Input field for entering an email address with the name attribute set to "email" -->
Place: <input type="text" name="place"><br><!-- Input field for entering a place with the name attribute set to "place" -->
<input type="submit" value="Submit" / ><!-- Submit button for submitting the form -->
</form><!-- Closing tag for the form element -->
</body><!-- Closing tag for the document's body section -->
</html><!-- Closing tag for the root element of the HTML document -->
Explanation:
- This HTML code demonstrates a simple form.
- The form has an action attribute that specifies the URL to which the form data will be submitted upon submission.
- The method attribute specifies the HTTP method used to submit the form, in this case, POST.
- Inside the form element, there are input fields for entering name, email, and place information.
- Each input field has a name attribute corresponding to the data it represents.
- There is a submit button for submitting the form.
Live Demo:
See the Pen form-answer by w3resource (@w3resource) on CodePen.
See the solution in the browser
Supported browser
 |
 |
 |
 |
 |
| Yes | Yes | Yes | Yes | Yes |
What is the difficulty level of this exercise?
Test your Programming skills with w3resource's quiz.