HTML: Formularios - Input

input Es una etiqueta que dependiendo del atributo TYPE puede tener diferentes formas para los diferentes tipos de entrada de datos. Tiene estos atributos:

id="id"
El valor id es una palabra o número clave para asociar con este input con un label (mediante el atributo for), debe ser único.
NOTA: también se puede meter la etiqueta input dentro de una etiqueta label para asociarlos, pero esto a la hora de utilizar estilos CSS perjudica y no podemos tratarlos de forma separada.
type="tipo"
Le indicamos el tipo de campo que puede ser:
text
Es un campo para introducir cualquier tipo de texto y es el campo por defecto. Si no se indica type se asume que es de tipo text.
hidden
Es como un campo text que puede contener cualquier valor pero NO se muestra en la página web (si aparece en el código).
email
Es como un campo text pero en un móvil el tipo de teclado cambia para ayudar a introducir un email.
url
Es como un campo text pero en un móvil el tipo de teclado cambia para ayudar a introducir una url.
tel
Es como un campo text pero en un móvil el tipo de teclado cambia a numérico para ayudar a introducir un número de teléfono.
search
Es como un campo text pero en un móvil el tipo de teclado cambia para ayudar a introducir una búsqueda (aparece el icono de la lupa).
password
Es como un campo text pero no vemos lo que escribimos además en un móvil el tipo de teclado cambia para ayudar a introducir una contraseña. Es importante indicar que aunque NO se muestre lo que se teclea el valor está sin cifrar y puede verse en claro, por lo que NO es seguro.
date
Es un campo de fecha, y aparece un calendario para elegir la fecha cómodamente.
time
Es un campo de hora, nos permite elegir la hora cómodamente.
month
Es un campo de mes, nos permite elegir el mes cómodamente.
week
Es un campo de semana, nos permite elegir la semana cómodamente.
color
Nos permite elegir un color visualmente de una paleta de colores.
number
Nos permite SOLO introducir números además de poner una fechas que incrementan o decrementan el número.
range
Visualmente es un barra que va de un valor mínimo a uno máximo, con un salto concreto.
Tiene los siguientes atributos:
min="0"
Indica el valor mínimo que se puede escoger.
max="100"
Indica el valor inicial que por defecto se calcula de la siguiente formula: min + (max - min) / 2, que equivale a la mitad.
value="min + (max - min) / 2"
Indica el valor máximo que se puede escoger.
step="1"
Indica el incremento al desplazarse por la barra, por defecto es 1.
reset
Vuelve a poner los valores de todos los campos a su valor inicial.
button
Es como la etiqueta button pero NO envía el formulario, require de javascript. Se usa para hacer algún tipo de acción que no sea enviar formulario (o si).
submit
Es como la etiqueta button, si envía el formulario.

Retro

Lugares

Redes

Sistemas

Varios