- Barajar
ActivarDesactivar
- Alphabetizar
ActivarDesactivar
- Frente Primero
ActivarDesactivar
- Ambos lados
ActivarDesactivar
- Leer
ActivarDesactivar
Leyendo...
Cómo estudiar sus tarjetas
Teclas de Derecha/Izquierda: Navegar entre tarjetas.tecla derechatecla izquierda
Teclas Arriba/Abajo: Colvea la carta entre frente y dorso.tecla abajotecla arriba
Tecla H: Muestra pista (3er lado).tecla h
Tecla N: Lea el texto en voz.tecla n
Boton play
Boton play
47 Cartas en este set
- Frente
- Atrás
form
|
formulario.
|
elementos de form
|
input, label, fieldset, legend, select, option, datalist, button
|
atributos de form
|
action, method, target, enctype
|
action
|
tipo de acción.
Normalmente la dirección de envío. |
method
|
tipo de envío (get o post)
|
method="get"
|
muestra la información que se envia al usuario.
|
target
|
Selecciona la forma de envío (_self, _blank)
|
enctype
|
tipo de codificación que se empleará.
|
input
|
define diversas funcionalidades.
no tiene porqué llevar dirección, pero el formulario no será tratado. Es el más importante y el más usado. Se acompaña con type. |
valores de type
|
text: texto empleando una sola línea.
password: texto que no se muestra en pantalla. No permite copy & paste. number: inserta valor numérico de manera gráfica y textual. radio color: permite seleccionar un color de manera gráfica. date: permite seleccionar una fecha de manera gráfica. email: permite insertar un correo. url: permite insertar una web. range: permite seleccionar un número dentro de un rango. button: botón de forma más clásica. submit: botón de envío de formulario reset: botón de reseteo |
atributos de type="text"
|
value, size, maxlenght, placeholder, name, pattern, minlenght.
|
name
|
nombre que se le asigna al campo a enviar.
|
value
|
valor que se introduce en el campo por el usuario.
|
minlength
|
mínimo de caracteres a introducir.
|
maxlength
|
máximo de caracteres a introducir.
|
placeholder
|
texto de pista.
|
patter
|
define el formato a cumplimentar por el usuario en el valor.
|
size
|
ancho de la caja de texto.
|
list
|
permite usar un elemento <datalist>
La funcionalidad depende del navegador. |
atributos de type="password"
|
minlength, maxlength, placeholder, value, name, list, pattern.
|
atributos de type="number"
|
min, max, step, value, name, list
|
min
|
número o fecha mínimo que se puede introducir.
|
max
|
Número o fecha máximo que se puede introducir.
|
setp
|
Diferencia que hay entre dos valores válidos.
|
type="radio"
|
Solo permite seleccionar uno de los que contengan el mismo name.
|
atributos de type="radio"
|
name, checked, disabled, required, value
|
checked
|
aparece marcado por defecto.
checked="checked" |
disabled
|
Aparece deshabilitado.
disabled="disabled" |
required
|
indica que deberá al menos uno estar seleccionado.
|
atributos type="color"
|
value, name, list
|
atributos type="date"
|
min, max, step, name, list
|
atributo type="email"
|
minlength, maxlength, multiple, name, list, placeholder, value
|
multiple
|
permite introducir mediante comas varios correos.
|
atributos de type="url"
|
value, minlength, maxlength, name, list, placeholder, pattern
|
atributos type="range"
|
min, max, step, value, name, list
|
<label>
|
realiza una asociación entre un campo y su etiqueta.
Se puede asociar insertando el control dentro o mediante un id. |
<fieldset>
|
Agrupa elementos de un formulario.
|
Atributos de fieldset
|
disabled, name, form
|
<select>
|
Se usa cuando existen muchas opciones.
Se conoce habitualmente como desplegable o combobox. |
atributos de select
|
name, disabled, multiple, required
|
<option></option>
|
Se usa para definir un elemento de <select>
|
atributos de option
|
value, selected
|
selected
|
permite seleccionar la opción como valor por defecto.
|
datalist
|
Es un combobox que permite introducir además valores por el usuario en caso de no tener la opción.
|
<button>
|
Permite introducir valores distintos de texto.
|
atributos de buton
|
onclick, disabled, value, name
|
onclick
|
Permite ejecutar código JavaScript
|