formularios

14

Upload: lismirabal

Post on 24-May-2015

180 views

Category:

Documents


2 download

TRANSCRIPT

Page 1: Formularios
Page 2: Formularios

Los formularios Html, nos ayudan a

aumentar la interactividad de

nuestra web y nos permiten recibir

información de los usuarios de nuestro site.

Page 3: Formularios

La etiqueta <Form> tiene una serie de atributos:

Page 4: Formularios

La etiqueta <Form> tiene una serie de atributos:

Page 5: Formularios

La etiqueta <Form> tiene una serie de atributos:

Page 6: Formularios

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”>

Page 7: Formularios

Campos de textos largo: <textarea>

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

Page 8: Formularios

Lista de Opciones:

<Select name=”transporte”><option> Coche </option><option> Avion</option><option> Tren</option></select>

Se verá así:

Page 9: Formularios

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

Page 10: Formularios

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

Page 11: Formularios

Botones Submit y Reset

Enviar Información

Page 12: Formularios

Otros Campos:

Page 13: Formularios

Otros Campos:

Page 14: Formularios