Open In App

HTML required Attribute

Improve
Improve
Improve
Like Article
Like
Save Article
Save
Share
Report issue
Report

It is a Boolean attribute which is used to specify that the input element must be filled out before submitting the Form.

Elements: This attributes can be associated with three elements which are listed below:  

Syntax:

<input required>

Example-1:

html




<!DOCTYPE html>
<html>
 
<head>
    <title>required Attribute</title>
    <style>
        h1, h2 {
            color:green;
            font-style:italic;
        }
        body {
            text-align:center;
        }
    </style>
</head>
 
<body>
    <h1>GeeksForGeeks</h1>
    <h2>required attribute in input Field</h2>
    <form action="">
        Username:
        <input type="text"
               name="username"
               required>
        <br>
        Password:
        <input type="password"
               name="password">
        <br>
        <input type="submit">
    </form>
</body>
 
</html>


Output: 

Syntax:

<select required>

Example-2:

html




<!DOCTYPE html>
<html>
 
<head>
    <title>required Attribute</title>
    <style>
        h1, h2 {
            color:green;
            font-style:italic;
        }
        body {
            text-align:center;
        }
    </style>
</head>
 
<body>
    <h1>GeeksForGeeks</h1>
    <h2>required attribute in select Field</h2>
     
    <form action="">
        <select required>
            <option value="">
                None
            </option>
            <option value="ds">
                Data Structure
            </option>
            <option value="algo">
                Algorithm
            </option>
            <option value="os">
                Operating System
            </option>
            <option value="cn">
                Computer Network
            </option>
        </select>
        <input type="submit">
    </form>
     
</body>
 
</html>


Output: 

Syntax:

<textarea required>

Example-3:

html




<!DOCTYPE html>
<html>
 
<head>
    <title>required Attribute</title>
    <style>
        h1, h2 {
            color:green;
            font-style:italic;
        }
        body {
            text-align:center;
        }
    </style>
</head>
 
<body>
    <h1>GeeksForGeeks</h1>
    <h2>required attribute in Textarea Field</h2>
    <form action="">
        <textarea rows="7"
                  cols="50"
                  name="comment"
                  required>
            </textarea>
        <input type="submit">
    </form>
</body>
 
</html>


Output: 

Supported Browsers: The browser supported by required attribute are listed below: 

  • Google Chrome
  • Firefox
  • Opera


Last Updated : 04 Aug, 2023
Like Article
Save Article
Previous
Next
Share your thoughts in the comments
Similar Reads