HTML5: cómo usar el atributo “requerido” con un campo de entrada de “radio”

Me pregunto cómo usar el nuevo atributo de entrada HTML5 “requerido” de la manera correcta en los botones de radio. ¿Todos los campos de botones de radio necesitan el atributo siguiente? ¿O es suficiente si solo un campo lo consigue?

  

Establezca el atributo required para al menos una entrada del grupo de radio.


La configuración required para todas las entradas es más clara, pero no necesaria (a menos que genere dinámicamente botones de radio).

Para agrupar botones de radio, todos deben tener el mismo valor de name . Esto permite que solo se seleccione uno a la vez y se aplica a todo el grupo.

 
Select Gender:

prueba esto …

 

Encuentra JSFIDDLE

Si sus botones de radio se han personalizado, por ejemplo, el icono original del botón de radio se ha ocultado a través de la display:none css display:none modo que puede crear su propio botón de radio y es posible que reciba el error.

La forma de solucionarlo es reemplazar la display:none con opacity:0