Why do we use the novalidate attribute in HTML?

HTML Web Development Front End Technology

The novalidate attribute in HTML is used to signify that the form won’t get validated on submit. It is a Boolean attribute and useful if you want the user to save the progress of form filing. If the form validation is disabled, the user can easily save the form and continue & submit the form later. While continuing, the user does not have to first validate all the entries.

Example

You can try to run the following code to learn how to use novalidate attribute in HTML. In the following example, if you will add text in the <input type=”number” > field, then it won’t show an error.

<!DOCTYPE html>
<html>
   <head>
      <title>HTML novalidate attribute</title>
   </head>
   <body>
      <form action = "" method = "get" novalidate>
         Student Name<br><input type="name" name="sname"><br>
         Total Marks<br><input type="number" name="mark"><br>
         <input type="submit" value="Submit">
      </form>
   </body>
</html>

Arushi

Updated on: 14-May-2020

5K+ Views

Kickstart Your Career

Get certified by completing the course

Get Started