HTML | <input> required Attribute

Last Updated : 07 Oct, 2021

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>