la codeteca
Compartir:

Formularios

Atributos

autofocus

Hacemos foco en el input que tenga asociado éste valor al cargar la página

placeholder

Para ofrecer una pista de lo que el usuario debe ingresar

accept

Permite que solo el tipo de archivo determinado pueda ser cargado en el formulario

Multiple

Permite seleccionar múltiples archivos para ser cargados de una vez por el formulario

max / min / step

Podemos delimitar rango de valores numéricos permitidos máximos, mínimos y múltiplos dentro de un rango.

form

Este atributo nos permite colocar un elemento en cualquier parte de la página, no solamente dentro del form tag, y que éste siga siendo procesado por el form. Además permite asociar un mismo elemento a mas de un form simultaneamente

required

Atributo booleano que determina si el elemento debe ser obligatorio o no

autocomplete

Permite especificar si un elemento puede o no ser autocompletado por el navegador basado en entradas previas del usuario

pattern

Para validar un elemento en base a una expresión regular (RegEx)

dirname

Envía la dirección en que fue ingresado el texto en un input determinado (ej: de derecha a izquierda)

novalidate

Evita la validación del elemento al enviar el formulario

formaction

Para sobreescribir el comportamiento por defecto del formulario

formenctype

Para sobreescribir la codificación por defecto del formulario

formmethod

Para sobreescribir el método de envío por defecto del formulario

formtarget

Para sobreescribir la ventana destino por defecto del form

Elementos

progress

Representa el grado de progreso de una tarea o acción (ej: Representar la carga de una imágen)

meter

Se utiliza para medir algo con una escala determinada, como temperatura o distancias.

Datalist

Si asociamos un text input a un Datalist (lista de valores) al hacer foco en ese input aparece un dropdown mostrando el contenido del elemento Datalist

Keygen

Genera un par de claves de control privada que se guarda en local y pública que se envía al servidor

Output

Se utiliza para realizar cálculos entre campos (ej: La suma de 2 números en distintos inputs)

nuevos tipos de campos

tel

Para un número telefónico (En realidad, no prueba que sea un número, para validar un formato numérico en particular se debe complementar con pattern)

search

Sugiere ingreso de texto en el input (La diferencia entre search y un input de texto común es que puede ser reconocido por la plataforma en la cual es visto para igualar su estilo)

url

Para ingresar direcciones web absolutas

email

Para valores únicos o múltiples de direcciónes de email

datetime

Formato de fecha y hora con zona horaria UTC

date

Formato de fecha sin zona horaria

month

Mes y año sin zona horaria

week

Fecha para ingresar semana del año

time

Hora completa sin zona horaria

datetime-local

Fecha y hora sin zona horaria

number

Valores numericos

range

Valor numerico para controlar slider

color

Para elegir colores de una paleta