¿Qué tipos de elementos input existen en HTML?

Existen los siguientes tipos de elementos input:

• text: Campo de texto de una sola línea.
• password: Campo para ingresar contraseña, los caracteres están ocultos.
• submit: Botón para enviar el formulario.
• reset: Botón para restablecer el formulario.
• radio: Selector (uno de varios).
• checkbox: Casilla de verificación (una o varias de varias).
• button: Botón normal.
• file: Campo para seleccionar un archivo.
• hidden: Campo oculto, invisible para el usuario, pero enviado con el formulario.
• image: Botón de imagen para enviar el formulario.

La especificación HTML5 agregó nuevos tipos:

• email: Campo para ingresar una dirección de email.
• url: Campo para ingresar una URL.
• number: Campo para ingresar un número.
• range: Control deslizante para seleccionar un valor numérico en un rango dado.
• date: Campo para seleccionar una fecha.
• month: Campo para seleccionar mes y año.
• week: Campo para seleccionar semana y año.
• time: Campo para seleccionar hora.
• datetime-local: Campo para seleccionar fecha y hora sin zona horaria.
• search: Campo para búsqueda.
• color: Campo para seleccionar color.
• tel: Campo para ingresar un número de teléfono.

Ejemplo de uso:

<!-- Campo de texto de una sola línea -->
<input type="text" placeholder="Nombre">

<!-- Campo para ingresar contraseña -->
<input type="password" placeholder="Contraseña">

<!-- Botón para enviar el formulario -->
<input type="submit" value="Enviar">

<!-- Botón para restablecer el formulario -->
<input type="reset" value="Restablecer">

<!-- Selectores -->
<input type="radio" name="gender" value="male"> Masculino
<input type="radio" name="gender" value="female"> Femenino

<!-- Casillas de verificación -->
<input type="checkbox" name="interests" value="music"> Música
<input type="checkbox" name="interests" value="sports"> Deportes

<!-- Botón normal -->
<input type="button" value="Haz clic en mí">

<!-- Campo para seleccionar archivo -->
<input type="file">

<!-- Campo oculto -->
<input type="hidden" name="userId" value="123">

<!-- Botón de imagen -->
<input type="image" src="submit.png" alt="Enviar">

<!-- Campo para email -->
<input type="email" placeholder="Email">

<!-- Campo para URL -->
<input type="url" placeholder="Sitio web">

<!-- Campo para número -->
<input type="number" min="1" max="10">

<!-- Control deslizante -->
<input type="range" min="0" max="100">

<!-- Campo para fecha -->
<input type="date">

<!-- Campo para mes -->
<input type="month">

<!-- Campo para semana -->
<input type="week">

<!-- Campo para hora -->
<input type="time">

<!-- Campo para fecha y hora (local) -->
<input type="datetime-local">

<!-- Campo para búsqueda -->
<input type="search" placeholder="Buscar">

<!-- Campo para seleccionar color -->
<input type="color">

<!-- Campo para número de teléfono -->
<input type="tel" placeholder="+7 (xxx) xxx-xx-xx">