Diferencia entre revisiones de «Lenguaje HTML/Formularios»
Contenido eliminado Contenido añadido
Sin resumen de edición |
Sin resumen de edición |
||
Línea 76:
<table align="center" border="3" bgcolor="lightgreen">
<tr>
<td><b><select name="pais" size="3" multiple>
</td>
<td><b><option value="Arg">Argentina</option>
</td>
</tr>
<tr>
<td><b><option value="Br"></b>Brasil</optiont>
</td>
<td><b><option value="Ch"></b>Chile</option>
</td>
</tr>
<tr>
<td><b><option value="Eu"></b>Estados Unidos</option>
</td>
<td><b><option value="Mx"></b>México</option>
</tr>
<tr align="center" weight="100%">
<td colspan="2"><b><option value="Vz"></b>Venezuela</option>
</td>
</tr>
Línea 104:
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">
<input type="radio" name="pais" value="Arg">Argentina<br>▼
<tr>
<input type="radio" name="pais" value="Br">Brasil<br>▼
<td><input type="radio" name="pais" value="
</td><input type="radio" name="pais" value="
<td><input type="radio" name="pais" value="
</td>
<input type="radio" name="pais" value="Vz">Venzuela<br>▼
</tr>
<tr>
</td>
</td>
</tr>
<tr>
▲ <td colspan="2"><input type="radio" name="pais" value="Vz">Venzuela<br>
</td>
</tr>
</table>
Resultado:
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):
<
<tr>
<input type="checkbox" name="pais" value="Br"> Brasil▼
<td><input type="checkbox" name="pais" value="
</td>
<input type="checkbox" name="pais" value="Eu"> E.U. ▼
<td><input type="checkbox" name="pais" value="
</td>
<input type="checkbox" name="pais" value="Vz"> Venezuela ▼
</tr>
<tr>
</td>
▲ <td><input type="checkbox" name="pais" value="Eu"> E.U.
</td>
</tr>
<tr>
<td><input type="checkbox" name="pais" value="Mx" checked> México
</td>
▲ <td><input type="checkbox" name="pais" value="Vz"> Venezuela
</td>
</tr>
</table>
Resultado:
Línea 129 ⟶ 155:
E-Mail: <input type="text" name="email" size="15" maxlength="20"> <br>
País: <select name="pais">
<table align="center" border="3" bgcolor="lightgreen">
<option value="Arg">Argentina</option>▼
<tr>
<option value="Br">Brasil</optiont>▼
<td><option value="
</td>
<option value="Eu">Estados Unidos</option>▼
<td><option value="
</td>
<option value="Vz">Venezuela</option>▼
</tr>
<tr>
</td>
▲ <td><option value="Eu">Estados Unidos</option>
</td>
</tr>
<tr>
</td>
▲ <td><option value="Vz">Venezuela</option>
</td>
</tr>
</table>
Sexo: <input type="radio" name="sexo" value="hombre"> Hombre
<input type="radio" name="sexo" value="mujer"> Mujer<br>
| |||