Sei sulla pagina 1di 7

Uso de Formularios

HTML

Formularios
Los formularios sirven para poder enviar
informacion desde el browser hacia algun
otro lugar (generalmente hacia el servidor
mismo)
Los formularios pueden enviar la
informacion de dos formas distintas: POST y
GET
Cada item (textarea,text) de un formulario
TIENE que tener un nombre definido.

Input Items
<input type=item name=nombre
value=valor>
Text
Password
Submit
Checkbox
Radio
Select

Usuario
Password
Enviar

Registra
r

Seleccin nica alternativa: radio


Se implementa con un conjunto de lineas
<input type=radio name=nombre value=valor>
Todas con el mismo atributo nombre

Ejemplo:
Ingrese su rango de edad
<input type=radio name=redad value=menor15> menor que 15
<input type=radio name=redad value=entre15-25> entre 15 y 25
<input type=radio name=redad value=entre26-35> entre 26 y 35
<input type=radio name=redad value=entre36-45> entre 36 y 45
<input type=radio name=redad value=entre46-55> entre 46 y 55
<input type=radio name=redad value=mayor56> 56 o mayor

Seleccin nica alternativa: Select


Se implementa con un conjunto de opciones
<option value=valor> Texto </option>
Encerradas entre tags
<select name=nombre> y </select>

Ejemplo:
Ingrese su color preferido
<select name=color>
<option value=rojo> Color Rojo </option>
<option value=azul> Color Azul</option>
<option value=verde> Color Verde</option>
<option value=gris> Color Gris</option>
<option value=amarillo> Color Amarillo</option>
</select>

Seleccin varias alternativas: checkbox


Se implementa con un conjunto de lineas
<input type=checkbox name=nombre value=valor>
Todas con el mismo atributo nombre

Ejemplo:
Que idiomas habla
<input type=checkbox name=idioma value=eng> Ingls
<input type=checkbox name=idioma value=fra> Francs
<input type=checkbox name=idioma value=chi> Chino
<input type=checkbox name=idioma value=de> Alemn
<input type=checkbox name=idioma value=es> Espaol
<input type=checkbox name=idioma value=ru> Ruso

Potrebbero piacerti anche