Formulario Flashcards

1
Q

Cuál es el objetivo de los formularios?

A

Que el usuario interactue con el sitio o app web

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
2
Q

Que usos tienen los formularios?

A
  • Encuestas
  • Toma de pedidos Online
  • Feedback
  • Busquedas en bases de datos
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
3
Q

Nombre los atributos obligatorios de la etiqueta form

A

Action: define la acción que llevará a cabo el formulario
Method: get/post indicamos el método de transferencia

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
4
Q

Método get

A

Los datos se envían al servidor anexandolos a la URL especificada en el action
Es el método más rápido

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
5
Q

Método post

A

Los datos se envían al servidor a través del body del request

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
6
Q

Nombre las limitaciones del método post

A

La longitud de la información está limitada a 4k carácteres

Deben usarse únicamente caracteres ASCII

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
7
Q

Etiqueta que específica la codificación usada para enviar los datos del método post

A

enctype=”text/plain”

Configura la cabecera content-type del request

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
8
Q

Get o post?

A
  • 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
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
9
Q

Cómo se llama la etiqueta que posibilita y define la introducción de datos en el formulario?

A

Input

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
10
Q

Atributos de la etiqueta input

A

type:”text/radio/ checkbok/ button/ image/ password/ file/ submit/ reset”

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
11
Q

input type=”text”

A

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

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
12
Q

input type=”radio”

A

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

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
13
Q

Input type=”checkbox”

A

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.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
14
Q

Input type=”button”

A

Inserta un botón estándar

  • nombre
  • value
  • disabled
  • tableindex
  • on-click
  • type
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
15
Q

input type=”image”

A

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

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
16
Q

input type=”file”

A

Nos permite enviar un archivo adjunto al formulario

  • tittle
  • accept, que determina el tipo de archivo que se admite
17
Q

input type=”submit”

A

Botón de envía de datos

  • name
  • value
  • disabled
  • tableindex
18
Q

Input type=”reset”

A

Botón de borrado de todos los datos introducidos

19
Q

Label

A

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

20
Q

Select

A

Acota el rango de respuestas
Select name=color
Option value=”blanco”> Blanco

21
Q

Cómo seleccionar varias opciones en un select?

A

Se debe especificar el atributo múltiple en la directiva select

22
Q

Textarea

A

Nos permite asignar una zona de texto

  • rows
  • cols
  • name
  • wrap: off/soft/ hard
  • readonly
  • disable
23
Q

Tipos de input

A
  • search
  • tel
  • url
  • email
  • number
  • range
  • date
  • datetime
  • month
  • week
  • time
  • color