Skip to content
Related Articles
Get the best out of our app
GeeksforGeeks App
Open App
geeksforgeeks
Browser
Continue

Related Articles

HTML | <input> required Attribute

Improve Article
Save Article
Like Article
Improve Article
Save Article
Like Article

The HTML required Attribute is a Boolean attribute which is used to specify that the input element must be filled out before submitting the Form. 
This attribute works with other types of input like radio, checkbox, number, text, etc.
Syntax: 

<input required> 

Example-1: This Example that illustrates the use of required attribute in input Element. 

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>
      HTML input required attribute
  </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 : 

Example-2: This Example that illustrates the use of required attribute in input Element. 

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>
      HTML input required attribute
  </h2>
    <form action="">
        Required:
        <input type="radio"
               name="radiocheck"
               required>
        <br>
        <input type="submit">
    </form>
</body>
 
</html>

Output : 

Supported Browsers: The browser supported by HTML input required Attribute are listed below: 

  • Google Chrome
  • Internet Explorer
  • Firefox
  • Opera
  • Safari

My Personal Notes arrow_drop_up
Last Updated : 07 Oct, 2021
Like Article
Save Article
Similar Reads
Related Tutorials