Download - Etiquetas de formularios
![Page 1: Etiquetas de formularios](https://reader034.vdocuments.co/reader034/viewer/2022052311/557ae37cd8b42a63778b51de/html5/thumbnails/1.jpg)
ETIQUETAS DE FORMULARIOS
EXPOSITORES ANA PAOLA VELASQUEZ
HERNÁNDEZ. EFRAIN RICARDO FORERO
MENDOZA. JUAN VICTOR MARTINEZ SIERRA.
![Page 2: Etiquetas de formularios](https://reader034.vdocuments.co/reader034/viewer/2022052311/557ae37cd8b42a63778b51de/html5/thumbnails/2.jpg)
FORMULARIO
Un formulario es una plantilla que permite la creación de documentos HTML con peticiones de datos. La principal utilidad de los formularios es la posibilidad de crear cuestionarios, encuestas, páginas de comentarios o cualquier documento en la que se desee una interacción por parte del usuario.
![Page 3: Etiquetas de formularios](https://reader034.vdocuments.co/reader034/viewer/2022052311/557ae37cd8b42a63778b51de/html5/thumbnails/3.jpg)
EJEMPLO DE FORMULARIO
![Page 4: Etiquetas de formularios](https://reader034.vdocuments.co/reader034/viewer/2022052311/557ae37cd8b42a63778b51de/html5/thumbnails/4.jpg)
EJEMPLO DE FORMULARIO
![Page 5: Etiquetas de formularios](https://reader034.vdocuments.co/reader034/viewer/2022052311/557ae37cd8b42a63778b51de/html5/thumbnails/5.jpg)
ETIQUETAS DE FORMULARIOS
Etiqueta form. La etiqueta form encierra todos los
contenidos del formulario. Como son los cuadros de texto, listas desplegables, botones, casillas de verificación, radiobutton, entre otros.
<form>…</form>
![Page 6: Etiquetas de formularios](https://reader034.vdocuments.co/reader034/viewer/2022052311/557ae37cd8b42a63778b51de/html5/thumbnails/6.jpg)
ETIQUETAS DE FORMULARIOS
Etiqueta Input (entrada básica de datos)
La etiqueta INPUT se utiliza para
definir gran variedad de tipos de campos de entrada de datos.
<input type=( TEXT | PASSWORD |CHECKBOX | RADIO | HIDDEN | SUBMIT | IMAGE | RESET )…>
![Page 7: Etiquetas de formularios](https://reader034.vdocuments.co/reader034/viewer/2022052311/557ae37cd8b42a63778b51de/html5/thumbnails/7.jpg)
Cuadros de texto. Es un cuadro de texto vacío donde se
puede escribir cualquier texto. <input type=“text”name=“…”
value=“…”>
Palabras secretas Se usa para la introducción de
claves de acceso (password) y datos que no deban ser vistos al introducirlos.
<input type=password...>
![Page 8: Etiquetas de formularios](https://reader034.vdocuments.co/reader034/viewer/2022052311/557ae37cd8b42a63778b51de/html5/thumbnails/8.jpg)
Casillas de verificación.Son controles de formulario que permiten al
usuario seleccionar y deseleccionar opciones individualmente.
<input type=“checkbox” …>
![Page 9: Etiquetas de formularios](https://reader034.vdocuments.co/reader034/viewer/2022052311/557ae37cd8b42a63778b51de/html5/thumbnails/9.jpg)
Radiobutton.Se asemejan a los controles de tipo
checkbox, con la diferencia que son mutuamente excluyente.
<input type=“radio”…>
Menús desplegables.<select name=“”…><option></option></select>
![Page 10: Etiquetas de formularios](https://reader034.vdocuments.co/reader034/viewer/2022052311/557ae37cd8b42a63778b51de/html5/thumbnails/10.jpg)
Botón de envío de formulario.<input type=“submit”…>
Botón de reseteo del formulario.<input type=“reset”…>
![Page 11: Etiquetas de formularios](https://reader034.vdocuments.co/reader034/viewer/2022052311/557ae37cd8b42a63778b51de/html5/thumbnails/11.jpg)
Textarea (texto en múltiples líneas) Permite la introducción de un texto que puede
abarcar varias líneas, introduciendo este en forma de párrafo.
<textarea name”…”></textarea>
Rows y cols.
![Page 12: Etiquetas de formularios](https://reader034.vdocuments.co/reader034/viewer/2022052311/557ae37cd8b42a63778b51de/html5/thumbnails/12.jpg)
<fieldset> y <legend>
La etiqueta fieldset agrupa campos del formulario.
Legend sirve para identificar un fieldset.
![Page 13: Etiquetas de formularios](https://reader034.vdocuments.co/reader034/viewer/2022052311/557ae37cd8b42a63778b51de/html5/thumbnails/13.jpg)