El propósito de este artículo es especificar que el usuario debe seleccionar un valor antes de enviar el formulario en HTML5. Esto obligará al usuario a ingresar un valor antes de enviar un formulario.
El atributo requerido <select> se puede utilizar para este propósito. Es un atributo booleano que establece que se debe completar un campo de entrada antes de que se pueda enviar el formulario. El atributo requerido admite texto, URL, teléfono, correo electrónico, contraseña, selectores de fecha, número, casilla de verificación, radio y archivo.
Sintaxis:
<select name="" required>
El siguiente ejemplo demostrará este enfoque:
Ejemplo 1:
HTML
<!DOCTYPE html> <html> <body> <form method="post" action="/"> <h3> How to specify that the user is required to select a value before submitting the form in HTML5 </h3> <select name="Language" required> <option value=""> None </option> <option value="python"> Python </option> <option value="cpp"> Cpp </option> <option value="java"> Java </option> </select> <input type="submit" /> </form> </body> </html>
Salida: Como podemos ver, debemos seleccionar el elemento en la lista antes de enviar el formulario.
Ejemplo 2:
HTML
<!DOCTYPE html> <html> <body> <form method="post" action="/"> <h3> How to specify that the user is required to select a value before submitting the form in HTML5 </h3> <input type="checkbox" id="python" name="python" value="language" required/> <label for="vehicle1"> Python</label> <br /> <input type="checkbox" id="cpp" name="cpp" value="language" required/> <label for="vehicle2"> Cpp</label> <br /> <input type="checkbox" id="java" name="java" value="language" required/> <label for="vehicle3"> Java</label> <br /> <input type="submit" /> </form> </body> </html>
Salida: como podemos ver, debemos seleccionar la casilla de verificación antes de enviar el formulario.
Elemento de casilla de verificación
Publicación traducida automáticamente
Artículo escrito por jayantmehra02 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA