O atributo HTML obrigatório é um atributo booleano usado para especificar que o elemento de entrada deve ser preenchido antes de enviar o formulário.
Este atributo funciona com outros tipos de entrada como rádio, caixa de seleção, número, texto, etc.

Sintaxe:

<input required>

Exemplo-1: Este exemplo que ilustra o uso do atributo obrigatório no elemento de entrada.

<!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="usrname"
               required>
        <br> Password:
        <input type="password"
               name="password">
        <br>
        <input type="submit">
    </form>
</body>
  
</html>


Saída :


Exemplo-2: Este exemplo que ilustra o uso do atributo obrigatório no elemento de entrada.




<!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>




Saída :


Navegadores compatíveis: Os navegadores compatíveis com os atributos necessários para entrada de HTML estão listados abaixo:


  • Google Chrome
  • Internet Explorer
  • Raposa de fogo
  • Ópera
  • Safári