todas - tipos de input html5
html5: Significado del atributo nombrado requerido en la casilla de verificación/radio (4)
Acabo de probarlo con un botón de radio en Firefox 4. Agregando un required a una entrada de radio, luego, al enviar antes de seleccionar uno, se activa una sugerencia de "Por favor, seleccione una de estas opciones".
Por ejemplo, esto funciona:
<input type="radio" name="gender" value="m" required />
<input type="radio" name="gender" value="f" />
Las casillas de verificación requeridas no son inusuales. Prácticamente todos los formularios de registro utilizan alguna forma de la casilla de verificación "He leído y acepto el Acuerdo de usuario".
Si tienes a mano Opera prueba el código de abajo. El formulario no se enviará a menos que la casilla esté marcada.
<!doctype html>
<html>
<head>
<title>html5</title>
</head>
<body>
<h1>html5 test</h1>
<form action="/">
<input type="checkbox" required="required" id="cb" name="cb">
<label for="cb">required checkbox</label>
<input type="submit">
</form>
</body>
</html>
Para las casillas de verificación, la mejor manera es probablemente preseleccionarlo y configurarlo como deshabilitado. Es una broma.
Para asegurarse de que se haya seleccionado un botón de opción en un grupo, comience con una opción predeterminada o valide con javascript. No hay formas HTML de hacerlo porque cada selección posible es válida.
En html5 hay un atributo required para las casillas de verificación.
Son de alguna manera raros, así que permítanme citar algo para explicar cómo funcionan.
Para las casillas de verificación, el atributo requerido solo se cumplirá cuando se marque una o más de las casillas de verificación con ese nombre en ese formulario.
Para los botones de radio, el atributo requerido solo se cumplirá cuando se marque exactamente uno de los botones de radio en ese grupo de radio.
Por supuesto, siempre tiene que validar el lado del servidor porque el cliente siempre puede enviarle lo que desee. Solo usa estos métodos para una mejor experiencia de usuario.
Probé el atributo requerido para los botones de radio hoy en Firefox 17.0.1 en XP SP2.
Parece cumplir con la especificación del atributo requerido para los botones / grupos de radio. Como indica Firefox "Por favor, seleccione una de estas opciones". para los dos fragmentos de código a continuación:
Ya sea que establezca el atributo requerido para cada uno de los botones de radio
<input type="radio" name="gender" value="male" required="required" />
<input type="radio" name="gender" value="female" required="required" />
O cualquiera de los elementos de radio
<input type="radio" name="color" value="blue" />
<input type="radio" name="color" value="red" required="required" />
<input type="radio" name="color" value="green" />
Cualquier comentario y actualizaciones son bienvenidos.