HTML5: How to specify the form-data when a form is submitted?
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>Example of HTML action attribute with form</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 <!-- Opening tag for the form element -->
action="https://www.w3resource.com/html-css-exercise/basic/solution/form-action-answer-demo.php" method="post"><!-- Attributes specifying the action URL and method for the form -->
User id : <input type="text" name="uid" /><br /><!-- Input field for entering user ID -->
User Name : <input type="text" name="uname" /><br /><!-- Input field for entering user name -->
<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 form with an action attribute.
- The action attribute specifies the URL to which the form data will be submitted upon submission.
- In this case, the form data will be submitted to "https://www.w3resource.com/html-css-exercise/basic/solution/form-action-answer-demo.php".
- 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 user ID and user name 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-action-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.