2. Los formularios Html,
nos ayudan a aumentar
la interactividad de
nuestra web y nos
permiten recibir
información de los
usuarios de nuestro site.

3. La etiqueta <Form> tiene una serie de atributos:

4. La etiqueta <Form> tiene una serie de atributos:

5. La etiqueta <Form> tiene una serie de atributos:

6. Caja de Texto Básica:
<Input type=“text” name=“nombredelacaja”
Su apariencia sería la siguiente:
Mira el siguiente código:
<input type=“text” size=“15” maxlength=“30”
value=“Nombre” name=“nombre”>

7. Campos de textos largo: <textarea>
<textarea name=“comentarios” rows=“10” cols=“40”>
Escribe aquí tus comentarios</ textarea>
Se vera de la Siguiente forma:

8. Lista de Opciones:
<Select name=”transporte”>
<option> Coche </option>
<option> Avion</option>
<option> Tren</option>
</
select>
Se verá así:

9. Lista de Botones: Radio
<Input type=“radio” name=“transporte” value=“1”>
Coche <br>
<Input type=“radio” name=“transporte” value=“2”>
Avión <br>
<Input type=“radio” name=“transporte” value=“3”>
Tren <br>
Se verá así:
Coche
Avión
Tren

10. Lista de Cajas: Checkbox
<Input type=“checkbox” name=“transporte”
value=“1”> Coche <br>
<Input type=“checkbox” name=“transporte”
value=“2”> Avión <br>
<Input type=“checkbox” name=“transporte”
value=“3”> Tren <br>
Se verá así:
Coche
Avión
Tren

11. Botones Submit y Reset
Enviar Información

12. Otros Campos:

13. Otros Campos: