◀ ▶

F. El elemento `input`

Puede desplegar una gran cantidad de controles según el valor de atributo type.
Los campos con formato se validan antes de realizar submit.
Los valores más usados para type son:
hidden
- Campo invisible cuyo no puede se examinado o manipulado por el usuario.
text
- Manipula texto plano.
search
- Usa texto para búsquedas. Se despliega con la apariencia preferida por la plataforma donde se ejecuta.
tel
- Texto que representa un número telefónico válido.
url
- Texto que representa una URL válida.
email
- Texto que representa un email válido.
password
- Texto que representa una contraseña y por lo mismo no se muestra.
number
- Maneja números.
range
- Maneja un rango de números.

Otros atributos

valueAsNumber

Propiedad de JavaScript para asignar o recuperar el valor numérico de captura.
Para controles numéricos del elemento input.
Devuelve un número.
Si el texto es una cadena vacía o no representa un número, el valor devuelto es NaN (o sea que no es un número).

pattern

Para los tipos que manejan texto.
Expresión regular para validar el contenido. Abarca desde el inicio hasta el final del texto.

min

max

step

Para controles numéricos y de fecha.
Granularidad o separación entre los valores que se pueden capturar. Por ejemplo, step=0.1 indica que los valores pueden ser 0, 0.1, 0.2, 0.3, etcétera. Aplica también para fechas.
El valor por omisión para controles numéricos es 1.