Formularios en html

2. LAS ETIQUETAS <FORM> /FORM
 Permiten indicar al navegador que empieza
un formulario.
 Especifican valores del formulario tales
como el nombre, método de envío get
o post y acción)
 Ejemplo:
<form method="post“
action="mailto:natalia@gmail.com">
............................
............................
</form>

3. Etiqueta <INPUT>
Permite al usuario:
 introducir datos.
Podemos especificar:
 Ejemplo:
 el tipo de entrada,
<input type="text"
name=“nombre"  nombre,
value=“Nombre"  valores,
size="35"  tamaño.
maxlength="10" >
Hay diferentes valores para type

4. Type
 Type = “text”  Ejemplo:
Especifica una caja <input type="text“
de texto. name=“usuario“
 Type = “Password”: value=“username“
Especifica una caja size="35“ maxlength="10"
de texto en la que >
no se ve lo que se <input type=“password“
escribe. name=“usuario“
value=“password“
size="35“ maxlength="10"
>

5. Type = “checkbox”
 Las casillas de
 Ejemplo:
verificación envían
<input type=“checkbox“
su valor solo si son
name="moto" value="Si">
seleccionadas.
Moto
 Permiten seleccionar
<input type=“checkbox“
múltiples opciones.
name="coche“
value="Si"> coche

6. Type = “radio”
 Permite elegir  Ejemplo:
una única opción Sexo:
entre varias. <input type=“radio“
name="tipoSexo“
 El valor de name value=“Femenino">
de los distintos <input type=“radio“
radio que name="tipoSexo“
value=“Masulino">
correspondan del
mismo tipo será
el mismo.

7. <select> ..... </select>
 Permite realizar  Ejemplo:
una lista con <SELECT
distintos valores NAME="Colores"
que puede elegir MULTIPLE>
el usuario. ..................
 Como atributos </SELECT>
tenemos name,
size o múltiple. El
cual permite
seleccionar mas
de una opción.

8. <option>
Con esta etiqueta  Ejemplo:
definimos las distintas <option value=“1">
opciones que puede valor 1
elegir el usuario. </option>
<option value=“2" >
valor 2
</option>
<option value=“3" >
valor 3
</option>

9. <Textarea>.... </Textarea>
 Definimos un área  Ejemplo:
de texto donde el <textarea cols=20
usuario podrá rows=10
añadir un name=“texto” >
comentario. </textarea>
 Podemos darle un
nombre y definir
su tamaño con
cols (columnas) y
rows. (filas).

10. Type = “submit”
 Genera un botón  Ejemplo:
que al ser pulsado <input type="submit"
enviará los datos value="ENVIAR”>
escritos en el
formulario.
 El texto que aparece
en el botón es el
especificado en
value.

11. Type = “reset”
 Ejemplo:  Al ser pulsado
<input type=“reset" borra el contenido
value=“Borrar"> del formulario.
 El texto que
aparece en el
botón es el
especificado en
value.