En algunos casos, cuando le pedimos a alguien que complete un formulario, algunas cosas son opcionales y algunas son obligatorias para completar ese formulario.
En ese caso, también podemos usar el HTML requerido en Pure CSS. Este atributo funciona con otros tipos de entrada como radio, casilla de verificación, número, texto, etc.
Sintaxis:
<input required>
Ejemplo 1: En este ejemplo, usaremos el atributo requerido en el tipo de entrada de texto.
HTML
<!DOCTYPE html> <html> <head> <link rel="stylesheet" href= "https://unpkg.com/purecss@1.0.0/build/pure-min.css" integrity= "sha384-nn4HPE8lTHyVtfCBi5yW9d20FjT8BJwUXyWZT9InLYax14RDjBj46LmSztkmNP9w" crossorigin="anonymous"> </head> <body> <h1>GeeksforGeeks</h1> <strong> Pure CSS Required Input </strong> <form action=""> Username: <input type="text" name="usrname" required=""> <br><br> Password: <input type="password" name="password"> <br> <input type="submit"> </form> </body> </html>
Producción:
Ejemplo 2: En este ejemplo, usaremos el atributo requerido en el tipo de entrada de radio.
HTML
<!DOCTYPE html> <html> <head> <link rel="stylesheet" href= "https://unpkg.com/purecss@1.0.0/build/pure-min.css" integrity= "sha384-nn4HPE8lTHyVtfCBi5yW9d20FjT8BJwUXyWZT9InLYax14RDjBj46LmSztkmNP9w" crossorigin="anonymous"> </head> <body> <h1>GeeksforGeeks</h1> <strong> Pure CSS Required Input </strong> <form action=""> Without clicking the Radio button: <input type="radio" name="radiocheck" required=""> <input type="submit"> </form> </body> </html>
Producción:
Publicación traducida automáticamente
Artículo escrito por skyridetim y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA