Formularios
-
Upload
lismirabal -
Category
Documents
-
view
181 -
download
2
Transcript of Formularios
![Page 1: Formularios](https://reader035.fdocuments.es/reader035/viewer/2022081602/5560b266d8b42af93b8b477e/html5/thumbnails/1.jpg)
![Page 2: Formularios](https://reader035.fdocuments.es/reader035/viewer/2022081602/5560b266d8b42af93b8b477e/html5/thumbnails/2.jpg)
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](https://reader035.fdocuments.es/reader035/viewer/2022081602/5560b266d8b42af93b8b477e/html5/thumbnails/3.jpg)
La etiqueta <Form> tiene una serie de atributos:
![Page 4: Formularios](https://reader035.fdocuments.es/reader035/viewer/2022081602/5560b266d8b42af93b8b477e/html5/thumbnails/4.jpg)
La etiqueta <Form> tiene una serie de atributos:
![Page 5: Formularios](https://reader035.fdocuments.es/reader035/viewer/2022081602/5560b266d8b42af93b8b477e/html5/thumbnails/5.jpg)
La etiqueta <Form> tiene una serie de atributos:
![Page 6: Formularios](https://reader035.fdocuments.es/reader035/viewer/2022081602/5560b266d8b42af93b8b477e/html5/thumbnails/6.jpg)
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](https://reader035.fdocuments.es/reader035/viewer/2022081602/5560b266d8b42af93b8b477e/html5/thumbnails/7.jpg)
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](https://reader035.fdocuments.es/reader035/viewer/2022081602/5560b266d8b42af93b8b477e/html5/thumbnails/8.jpg)
Lista de Opciones:
<Select name=”transporte”><option> Coche </option><option> Avion</option><option> Tren</option></select>
Se verá así:
![Page 9: Formularios](https://reader035.fdocuments.es/reader035/viewer/2022081602/5560b266d8b42af93b8b477e/html5/thumbnails/9.jpg)
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](https://reader035.fdocuments.es/reader035/viewer/2022081602/5560b266d8b42af93b8b477e/html5/thumbnails/10.jpg)
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](https://reader035.fdocuments.es/reader035/viewer/2022081602/5560b266d8b42af93b8b477e/html5/thumbnails/11.jpg)
Botones Submit y Reset
Enviar Información
![Page 12: Formularios](https://reader035.fdocuments.es/reader035/viewer/2022081602/5560b266d8b42af93b8b477e/html5/thumbnails/12.jpg)
Otros Campos:
![Page 13: Formularios](https://reader035.fdocuments.es/reader035/viewer/2022081602/5560b266d8b42af93b8b477e/html5/thumbnails/13.jpg)
Otros Campos:
![Page 14: Formularios](https://reader035.fdocuments.es/reader035/viewer/2022081602/5560b266d8b42af93b8b477e/html5/thumbnails/14.jpg)