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.