Diferencia entre revisiones de «Lenguaje HTML/Formularios»

</td>

</tr>

<td align="center"><b><option value="Br"></b>Brasil<b></optiont></b>

</td>

</td>

</tr>

<td><b><option value="Eu"></b>Estados Unidos<b></option></b>

</td>

Se puede seleccionar una opción por defecto, con el atributo selected en la opción que queramos. Podemos cambiar la lista de opciones, para que se pueda seleccionar más de una opción. Esto se hace con el atributo multiple y size (indica el número de valores a mostrar):

<table align="center" border="3" bgcolor="lightgreen">

<td><b><select name="pais" size="3" multiple>

</td>

</td>

</tr>

<td><b><option value="Br"></b>Brasil<b></optiont></b>

</td>

</td>

</tr>

<td><b><option value="Eu"></b>Estados Unidos<b></option></b>

</td>

Botones de círculo: Si queremos que solo se pueda seleccionar una opción, además de las listas desplegables, tenemos los botones en forma de círculo. Se usa la etiqueta input, pero con el valor radio en el atributo type. Para seleccionar una opción por defecto, es el atributo checked:

<table align="center" border="3" bgcolor="lightgreen">

<td><b><input type="radio" name="pais" value="Arg"></b>Argentina<br>

</td>

</td>

</tr>

<td><b><input type="radio" name="pais" value="Ch"></b>Chile<br>

</td>

<td><b><input type="radio" name="pais" value="Eu"></b>E.U.<br>

</tr>

<td><b><input type="radio" name="pais" value="Mx" checked></b>México<br>

</td>

Cuadros de selección: Además de poner el valor multiple en las listas desplegables para poder seleccionar más de una opción, podemos utilizar el valor checkbox en el atributo type, y con el atributo checked se selecciona una (o varias) opción(es):

<table align="center" border="3" bgcolor="lightgreen">

<td><b><input type="checkbox" name="pais" value="Arg"></b> Argentina

</td>

</td>

</tr>

<td><b><input type="checkbox" name="pais" value="Ch"></b> Chile

</td>

</td>

</tr>

<td><b><input type="checkbox" name="pais" value="Mx" checked></b> México

</td>

País: <select name="pais">

<table align="center" border="3" bgcolor="lightgreen">

<td><option value="Arg">Argentina<b></option></b>

</td>

</td>

</tr>

<td><option value="Ch">Chile<b></option></b>

</td>

</td>

</tr>

<td><option value="Mx">México<b></option></b>

</td>