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” /
