Formulario Flashcards
Cuál es el objetivo de los formularios?
Que el usuario interactue con el sitio o app web
Que usos tienen los formularios?
- Encuestas
- Toma de pedidos Online
- Feedback
- Busquedas en bases de datos
Nombre los atributos obligatorios de la etiqueta form
Action: define la acción que llevará a cabo el formulario
Method: get/post indicamos el método de transferencia
Método get
Los datos se envían al servidor anexandolos a la URL especificada en el action
Es el método más rápido
Método post
Los datos se envían al servidor a través del body del request
Nombre las limitaciones del método post
La longitud de la información está limitada a 4k carácteres
Deben usarse únicamente caracteres ASCII
Etiqueta que específica la codificación usada para enviar los datos del método post
enctype=”text/plain”
Configura la cabecera content-type del request
Get o post?
- Get debe usarse cuando la consulta no afecta los datos o páginas del sitio
- Post se utiliza ante cualquier afectación de datos o páginas del sitio
Cómo se llama la etiqueta que posibilita y define la introducción de datos en el formulario?
Input
Atributos de la etiqueta input
type:”text/radio/ checkbok/ button/ image/ password/ file/ submit/ reset”
input type=”text”
size=”n”. Determina el tamaño de la caja de texto que aparece en pantalla.
>» maxlenght=”n”. Designa el número máximo de caracteres que se pueden introducir en la caja de texto.
» name=” nombre”. Asigna un nombre into los datos que se inserten en la caja de texto”
>» value=” texto “. Designa el texto que aparecerá inicialmente en la caja de texto.
> disabled. Desactiva la caja de texto, por tanto el usario no podrá insertar ningún texto en dicho campo
input type=”radio”
> » name=”nombre”. Asigna un nombre identificador único. Este identificador debe ser el mismo para todos los elementos radio de un grupo.
» value=”valor”. Asigna un valor a la variable de cada casilla que componen el elemento radio.
checked. Selecciona por defecto uno de los radio botones del grupo
disabled. Desactiva el radio botón
» tabindex=”n”. Especifica el orden de tabulador que tendrá el campo respecto todos los elementos que componen el formulario
Input type=”checkbox”
name=”nombre”. Asigna un nombre identificador único a la variable definida por el elemento. Este identificador debe ser el mismo para todos los elementos radio de un grupo.
>» value=”valor”. Asigna un valor a la variable a cada casilla de verificación que componen el ceckbox.
» checked. Selecciona por defecto una o más de a casillas del grupo.
> disabled. Desactiva la casilla de verificación
>» tabindex=”n”. Especifica el orden de tabulador que tendrá el campo respecto todos los elementos que componen el formulario.
Input type=”button”
Inserta un botón estándar
- nombre
- value
- disabled
- tableindex
- on-click
- type
input type=”image”
Nos permite personalizar el tipo de botones que tiene el formulario, le podemos poner la funcionalidad de un botón
Tiene los mismos atributos imagen html
input type=”file”
Nos permite enviar un archivo adjunto al formulario
- tittle
- accept, que determina el tipo de archivo que se admite
input type=”submit”
Botón de envía de datos
- name
- value
- disabled
- tableindex
Input type=”reset”
Botón de borrado de todos los datos introducidos
Label
Define un rótulo para un elemento, al hacer click en rotulo pasa el foco al control asociado
Label for=”male>Male
Botón radio
Select
Acota el rango de respuestas
Select name=color
Option value=”blanco”> Blanco
Cómo seleccionar varias opciones en un select?
Se debe especificar el atributo múltiple en la directiva select
Textarea
Nos permite asignar una zona de texto
- rows
- cols
- name
- wrap: off/soft/ hard
- readonly
- disable
Tipos de input
- search
- tel
- url
- number
- range
- date
- datetime
- month
- week
- time
- color