Click here to view more cat photos.
Things cats love:
- cat nip
- laser pointers
- lasagna
Top 3 things cats hate:
- flea treatment
- thunder
- other cats
radio buttons
para preguntas en las que desea que el usuario solo le dé una respuesta entre múltiples opciones. Los botones de radio son un tipo de input
. Cada uno de sus botones de radio puede estar anidado dentro de su propio elemento de label
. Al envolver un elemento de input
dentro de un elemento de label
, asociará automáticamente la entrada del botón de opción con el elemento de etiqueta que lo rodea. Todos los botones de opción relacionados deben tener el mismo atributo de name
para crear un grupo de botones de opción. Al crear un grupo de radio, la selección de cualquier botón de radio deseleccionará automáticamente los otros botones dentro del mismo grupo, lo que garantiza que el usuario solo proporcione una respuesta. Aquí hay un ejemplo de un botón de radio: <label>Se considera una buena práctica establecer un atributo
<input type = "radio" name = "indoor-outdoor"> Indoor
</label>
for
en el elemento de label
, con un valor que coincida con el valor del atributo id
del elemento de input
. Esto permite que las tecnologías de asistencia creen una relación vinculada entre la etiqueta y el elemento de input
secundario. Por ejemplo: <label for = "indoor">
<input id = "indoor" type = "radio" name = "indoor-outdoor"> Indoor
</label>
indoor
y la otra debe tener la opción de outdoor
. Ambos deben compartir el atributo de name
de indoor-outdoor
para crear un grupo de radio. name
de indoor-outdoor
.
testString: 'assert($("label > input[type="radio"]").filter("[name="indoor-outdoor"]").length > 1, "Give your radio buttons the name
attribute of indoor-outdoor
.");'
- text: Cada uno de sus dos elementos de botón de radio debe estar anidado en su propio elemento de label
.
testString: 'assert($("label > input[type="radio"]:only-child").length > 1, "Each of your two radio button elements should be nested in its own label
element.");'
- text: Asegúrese de que cada uno de los elementos de su label
tenga una etiqueta de cierre.
testString: 'assert((code.match(/<\/label>/g) && code.match(/Click here to view more cat photos.
Things cats love:
Top 3 things cats hate: