13
ETIQUETAS DE FORMULARIOS EXPOSITORES ANA PAOLA VELASQUEZ HERNÁNDEZ. EFRAIN RICARDO FORERO MENDOZA. JUAN VICTOR MARTINEZ SIERRA.

Etiquetas de formularios

Embed Size (px)

Citation preview

Page 1: Etiquetas de formularios

ETIQUETAS DE FORMULARIOS

EXPOSITORES ANA PAOLA VELASQUEZ

HERNÁNDEZ. EFRAIN RICARDO FORERO

MENDOZA. JUAN VICTOR MARTINEZ SIERRA.

Page 2: Etiquetas de formularios

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

EJEMPLO DE FORMULARIO

Page 4: Etiquetas de formularios

EJEMPLO DE FORMULARIO

Page 5: Etiquetas de formularios

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

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

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

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

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

Botón de envío de formulario.<input type=“submit”…>

Botón de reseteo del formulario.<input type=“reset”…>

Page 11: Etiquetas de formularios

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

<fieldset> y <legend>

La etiqueta fieldset agrupa campos del formulario.

Legend sirve para identificar un fieldset.

Page 13: Etiquetas de formularios