Lo siguiente que veremos son los Botones de radio y
los Cuadros de confirmación. Los Botones permiten al usuario elegir
una de varias opciones. Los Cuadros le permiten elegir una, varias o todas
las opciones.
Empecemos con los Botones.
<FORM> <INPUT TYPE="radio" NAME="MI MEJOR AMIGO"> </FORM>
Añadamos 2 más.
<FORM> <INPUT TYPE="radio" NAME="MI MEJOR AMIGO"> <INPUT TYPE="radio" NAME="MI MEJOR AMIGO"> <INPUT TYPE="radio" NAME="MI MEJOR AMIGO"> </FORM>
Hmmm... creo que insertaremos un par de retornos de carro.
<FORM>
<INPUT TYPE="radio" NAME="MI MEJOR AMIGO">
<BR><INPUT TYPE="radio" NAME="MI MEJOR AMIGO">
<BR><INPUT TYPE="radio" NAME="MI MEJOR AMIGO">
</FORM>
Nota que cada entrada tiene el mismo nombre. La razón de esto será verá en un momento.
A cada uno de los Botones le debemos asignar un VALUE.
<FORM>
<INPUT TYPE="radio" NAME="MI MEJOR AMIGO" VALUE="Jose">
<BR><INPUT TYPE="radio" NAME="MI MEJOR AMIGO" VALUE="Miguel">
<BR><INPUT TYPE="radio" NAME="MI MEJOR AMIGO" VALUE="Mariano">
</FORM>
(Si te estás preguntando por qué he desplazado la entrada superior 4 espacios, la razón es muy simple... clarificar el código. Cuanto más claro y mejor organizado tengas el código, más fácil es trabajar con él. Y desde luego, cuando tengas que hacer cambios, tener un diseño ordenado es tener ganada la mitad de la batalla).
Ahora etiquetemos cada Botón.
<FORM>
<INPUT TYPE="radio" NAME="MI MEJOR AMIGO" VALUE="Jose">Jose García
<BR><INPUT TYPE="radio" NAME="MI MEJOR AMIGO" VALUE="Miguel">Miguel Sánchez
<BR><INPUT TYPE="radio" NAME="MI MEJOR AMIGO" VALUE="Mariano">Mariano Centeno
</FORM>
Por supuesto, puedes cambiar las etiquetas a tu gusto.
Esencialmente tus Botones están hechos. Puedes añadir un título sobre los botones, y también puedes elegir uno de ellos como valor por defecto (opcional).
<FORM> ¿Quién es mi mejor amigo? <BR><INPUT TYPE="radio" NAME="MI MEJOR AMIGO" VALUE="Jose" CHECKED>Jose García <BR><INPUT TYPE="radio" NAME="MI MEJOR AMIGO" VALUE="Miguel">Miguel Sánchez <BR><INPUT TYPE="radio" NAME="MI MEJOR AMIGO" VALUE="Mariano">Mariano Centeno </FORM>
El usuario, por supuesto, sólo puede elegir una opción. Su elección te será devuelta como una pareja nombre/valor, es decir MI MEJOR AMIGO=Jose (o el que el usuario elija).