Skip to content
Related Articles

Related Articles

How to validate input field in the HTML Form ?

View Discussion
Improve Article
Save Article
Like Article
  • Last Updated : 13 Jan, 2022

In this article, we will see how to validate form input fields using HTML. To validate the form using HTML, we will use HTML <input> required attribute. The <input> required attribute is a Boolean attribute that is used to specify the input element must be filled out before submitting the Form.

Syntax:

<input required>

Approach: In the below example, we will create a form with <label> and <input> tags and add required attribute with input tag to validate the input field using HTML.

Example:

HTML




<!DOCTYPE html>
<html lang="en">
  
<head>
    <title>
        How to validate input field in HTML Form?
    </title>
</head>
  
<body>
    <center>
        <h1 style="color: green;">
            GeeksforGeeks
        </h1>
  
        <h3>
            How to validate input field in HTML Form?
        </h3>
  
        <form action="#">
            <label for="fname">First Name:</label>
            <input type="text" name="fname" id="fname" required>
            <br><br>
  
            <label for="lname">Last Name:</label>
            <input type="text" name="lname" id="lname" required>
            <br><br>
  
            <label for="email">Email Id:</label>
            <input type="email" name="email" id="email" required>
            <br><br>
  
            <input type="submit" value="Submit">
        </form>
    </center>
</body>
  
</html>


Output:


My Personal Notes arrow_drop_up
Recommended Articles
Page :

Start Your Coding Journey Now!