57 lines
2.3 KiB
Plaintext
57 lines
2.3 KiB
Plaintext
QUE ES ?
|
|
|
|
Mecanismo para enviar información por parte del usuario(interactividad).
|
|
|
|
OBJETIVOS:
|
|
|
|
Lo más sencillo.
|
|
Experiencia de usuario cómoda.
|
|
Formato predecible y esperado.
|
|
Reducir los errores del usuario.
|
|
Comunicar errores.
|
|
|
|
ATRIBUTOS
|
|
|
|
action Dirección URL a donde se enviará la información obtenida en el formulario.
|
|
method Método HTTP de envío. GET a través de URL, POST no visible en la URL.
|
|
name Nombre del formulario.
|
|
target donde se abrirá el formulario.
|
|
enctype Codificación para el envío del formulario. Importante para envío de archivos.
|
|
accept-charset Fuerza a utilizar una codificación.
|
|
autocomplete Activa on o desactiva off el autocompletado para todos los campos del formulario.
|
|
novalidate Desactiva la validación HTML5 del formulario.
|
|
|
|
Ejemplo:
|
|
<form method="get" action="/search/" target="_blank" accept-charset="utf-8"></form>
|
|
|
|
CAMPOS
|
|
|
|
Texto corto <input type="text">
|
|
Texto largo <textarea>
|
|
Números <input type="number"> ó <input type="range">
|
|
Fechas u horas <input type="date">
|
|
Verdadero/falso <input type="checkbox">
|
|
Opción única <input type="radio"> ó <select>
|
|
Varias opciones <select multiple> ó <input type="checkbox">
|
|
Opción única <datalist> (pero abierta al usuario)
|
|
Color <input type="color">
|
|
Enviar archivo <input type="file">
|
|
Oculto <input type="hidden">
|
|
|
|
Botón de envío <input type="submit">
|
|
Botón de borrado <input type="reset">
|
|
|
|
|
|
ATRIBUTOS DE LOS IMPUTS
|
|
|
|
name nombre del campo(obligatorio)
|
|
type tipo de dato
|
|
value valor inicial y valor que recibo
|
|
form por si sacamos un campo del formulario
|
|
list personalizar
|
|
placeholder sugerencia de valor
|
|
size Tamaño visual (aprox: número de carácteres)
|
|
autocomplete autocompletado del navegador
|
|
autofocus establece el foco al cargar la página
|
|
spellcheck comprobar ortografía
|
|
|