espaciador
Tutorial gratuito online en castellanoEstás en: HTML» Índice Tutorial » Lección 16: Formularios

espaciadorTutorial de HTML

Lección anterior » Lección Siguiente

16.- Formularios (continuación)

2.- Listas de opciones: etiqueta <select></select>

Esta etiqueta sirve para crear campos que despliegan una lista de opciones, entre las que debemos escoger una o varias. Sus parámetros son :

Etiqueta <select> Parámetros Código HTML y Resultado final
Lista/ menú

name = Nombre del campo

size = Número de opciones visibles. Si se indica 1 se presenta como un menú desplegable, si se indica mas de uno se presenta como una lista con barra de desplazamiento.

multiple Permite selecionar mas de un valor para el campo.

Etiqueta <option> Sirve para indicar las diferentes opciones de la lista y va incluída dentro de la etiqueta <select></select>. Esta etiqueta puede incluir el parámetro selected para indicar cual es la opcion por defecto. En caso de que no se especifique, se tomara por defecto la primera opción de la lista.

Elige entre las siguientes opciones
<br />
<select name
="aficiones">
<option>Literatura</option>
<option>Música</option>
<option>Cine</option>
</select>

 

Elige entre las siguientes opciones

 

<select name="aficiones" size="1" multiple="multiple">
<option selected="selected">Literatura </option>
<option>Música</option>
<option>Cine</option>
</select>

3.- Áreas de texto. Etiqueta <textarea> </textarea>

Sirve para crear un campo de texto de múltiples lineas como el que se usa habitualmente para enviar comentarios.

Etiqueta <textarea> Parámetros Código HTML y Resultado final
Área de texto

name = Nombre del campo.

cols = Número de columnas de texto visibles.

rows = Número de filas de texto visibles.

wrap = Justifica el texto automáticamente en el interior de la caja. La opción PHYSICAL envía las líneas de texto separadas en líneas físicas. La opción VIRTUAL envia todo el texto seguido.

Comentarios<br />
<textarea name=
"comentarios" cols="20" rows="5"></textarea>

Comentarios

Tu opinión:<br />
<textarea
name="opinion" cols="20" rows="3" wrap="virtual"></textarea>

Tu opinión:

Tu opinión:<br />
<textarea name
="textarea" cols="20" rows="3" wrap="physical"></textarea>

Tu opinión:

ver ejemplo de formulario

logo distrito web


powered by FreeFind

¿Quieres ganar dinero con tu Blog o página web?

 

 
 
Anterior Indice Tutorial HTML Siguiente

Estadisticas de visitas