HTML5: How to define that form elements should not be validated when submitted?
Solution:
HTML Code:
<!DOCTYPE html><!-- Declaration specifying 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>How to define that form elements should not be validated when submitted</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 method="post" action="https://www.w3resource.com/html-css-exercise/basic/solution/input-formnovalidate-answer-demo.php"><!-- Form element defining a form with method and action attributes -->
E-mail: <input type="email" name="email"><br><!-- Email input field for entering the email address -->
<input type="submit" value="Submit"><br><!-- Submit button to submit the form data -->
<input type="submit" formnovalidate="formnovalidate" value="Submit without validation"><!-- Submit button with formnovalidate attribute specifying that form elements should not be validated when submitted -->
</form><!-- Closing tag for the form -->
</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 how to define that form elements should not be validated when submitted.
- The form element is defined with method set to "post" and action set to the URL where the form data should be sent.
- Inside the form, there is an email input field for entering the email address.
- There are two submit buttons:
- The first submit button submits the form data with validation.
- The second submit button has the formnovalidate attribute set to "formnovalidate", indicating that form validation should be bypassed when it is clicked.
Live Demo :
See the Pen input-formnovalidate-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.