HTML | <entrada> atributo requerido

El atributo HTML requerido es un atributo booleano que se utiliza para especificar que el elemento de entrada debe completarse antes de enviar el formulario. 
Este atributo funciona con otros tipos de entrada como radio, casilla de verificación, número, texto, etc.
Sintaxis: 

<input required> 

Ejemplo-1: este ejemplo que ilustra el uso del atributo requerido en el elemento de entrada. 

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>

Producción : 

Ejemplo-2: este ejemplo que ilustra el uso del atributo requerido en el elemento de entrada. 

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>

Producción : 

Navegadores compatibles: los navegadores compatibles con el atributo requerido de entrada HTML se enumeran a continuación: 

  • Google Chrome
  • explorador de Internet
  • Firefox
  • Ópera
  • Safari

Publicación traducida automáticamente

Artículo escrito por ManasChhabra2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *