HTLM formularios Flashcards
Crear un formulario que se envie a x dirección
form action=”x”
(…)
/form
x es una ruta o url
Indicar una forma de envio x de un formulario con una codificacion y
form action=”” method=”x” enctype=”y”
(…)
/form
x es get o post, siendo get visible y post mas seguro
y es application/x-www-form-urlencoded, multipart/form-data o text/plain
Desactivar autocompletado para un elemento o elementos anidados del formulario
n autocomplete=”off”
(…)
/n
Agrupar varios campos de formulario y ponerle un título x
fieldset
-> legend x /legend
-> (…)
/fieldset
Poner un cuadro de texto x con label y en un formulario
label for=”x” y /label
textarea id=”x”
/textarea
Poner un selector x de opciones y con label z, selección multiple, en un formulario
label for="x" z /label select id="x" multiple -> option value="y1" y1 /option -> option value="y2" y2 /option -> (...) /select
Agrupar opciones x con un nombre y, dentro de un elemento select en un formulario
optgroup label="y" option value="x1" x1 /option option value="x2" x2 /option (...) /optgroup
Hacer que un elemento input x sea enfocado automáticamente cuando la página carga
input type=”x” autofocus /
Hacer que un elemento input x este solo deshabilitado
input type=”x” disabled /
Hacer que un elemento input x este deshabilitado y sea incopiable
input type=”x” readonly /
Hacer que un elemento input x sea obligatorio
input type=”x” required /
Poner nombre x a un elemento del formulario y
y name=”x”
/y
Hacer que un elemento input x tenga una pista y
input type=”x” placeholder=”y” /
Hacer que un elemento input x tenga un tamaño indicado en numero de caracteres
input type=”x” size=”y” /
Poner un elemento input para cuadro de texto con un limite de caracteres entre x - y
input type=”text” minlenght=”x” maxlenght=”y” /
Poner un elemento input para contraseña
input type=”password” /
Poner un elemento input que borre todos los valores del formulario
input type=”reset” /
Poner un elemento input para direcciones web
input type=”url” /
Poner un elemento input para numeros de telefono con patron de caracteres x
input type=”tel” pattern=”x” /
x es un patrón de caracteres estilo [x]{x}-[x]{x}
Poner un elemento input para direcciones de correo electronico
input type=”email” /
Poner un elemento input para cuadros de busqueda
input type=”search” /
Poner un elemento input para introducir año, mes, día, hora
input type=”datetime” /
Poner un elemento input para introducir año, mes, día
input type=”date” /
Poner un elemento input para introducir año, mes
input type=”month” /
Poner un elemento input para introducir año, semana
input type=”week” /
Poner un elemento input para introducir horas y minutos
input type=”time” /
Poner un elemento input para subir un archivo
input type=”file” /
Poner un elemento input que es un botón cualquiera de nombre x
input type=”button” value=”x” /
Poner un elemento input para enviar el formulario
input type=”submit” /
Poner un elemento input oculto para el usuario
input type=”hidden” /
Poner elementos input para grupo de x elecciones con casillas marcadas
input type=”checkbox” name=”x1” value=”x3”/
input type=”checkbox” name=”x2” value=”x4”/
(…)
Poner elementos input para grupo de x elecciones con una posibilidad
input type=”radio” name=”x” value=”x1” /
input type=”radio” name=”x” value=”x2” /
(…)
Poner un elemento input de casilla marcada por defecto
input type=”checkbox” checked /
Poner un elemento input para un botón de enviar con imagen propia, con ruta x, texto alternativo y, y dimensiones z w
input type=”image” src=”x” alt=”y” height=”z” width=”w” /
Poner un elemento input para campo de valor numerico entre x - y
input type=”number” min=”x” max=”y” /
Poner un elemento input para introducir un color
input type=”color” /
Poner un elemento input para seleccionar un valor de un rango desde x a y, con un salto de z
input type=”range” min=”x” max=”y” step=”z” /