Tipos de Controles

La forma en que <input> funciona varía considerablemente dependiendo del valor de su atributo type.

Valor	Descripción
type=hidden	Control que no es mostrado en pantalla, pero cuyo valor es enviado al servidor.
type=text	Control caja de texto, de 1  línea y máximo 20 caracteres.
type=password	Control de línea simple cuyo valor permanece oculto.
type=checkbox	Casilla de selección.
type=radio	Botón radio.
type=file	Control que permite al usuario seleccionar un archivo.
type=submit	Botón que envía el formulario.
type=image	Botón de envío de formulario con gráfico.
type=reset	Botón que restaura los contenidos de un formulario a sus valores predeterminados.
type=button	Botón sin un comportamiento específico.
Nuevos en HTML5
type=search		Define un campo de texto para introducir una cadena de búsqueda
type=tel		Define un campo para ingresar un número de teléfono
type=url		Define un campo para introducir una URL
type=email		Campo para introducir una dirección de correo electrónico.
type=date		Control para introducir una fecha
type=month		Control para introducir un mes y año, sin zona horaria específica.
type=week		Control para introducir una fecha que consiste en número de semana del año y número de semana sin zona horaria específica.
type=time		Control para introducir un valor de tiempo sin zona horaria específica.
type=number		Control para introducir un número de punto flotante.
type=range		Control para introducir un número cuyo valor exacto no es importante.
type=color		Control para especificar un color.
type= datetime-local		Define un control de fecha y hora (año, mes, día, hora, minuto, segundo y fracción de segundo (sin zona horaria)

Ejemplos

Formularios 1era Parte

Formularios 2da Parte

Ver tipos de controles

<input type="text">

Puedes introducir hasta 20 caracteres
Ver  Ejemplos con algunos atributos

<input type="password">

Si introduces texto se visualizará en *
Ver  Ejemplos con algunos atributos

<input type="checkbox"> femenino

 femenino
Ver  Ejemplos con algunos atributos

<input type="radio"> masculino

  masculino 
Ver  Ejemplos con algunos atributos

<input type="file">

Ver  Ejemplos con algunos atributos

<input type="submit">

<input type="image">

Ver  Ejemplos con algunos atributos

<input type="reset">

<input type="button" value="click me">

Ver  Ejemplos con algunos atributos

Nuevos en HTML5

<input type="search">

Ver  Ejemplos con algunos atributos

<input type=" tel">

Ver  Ejemplos con algunos atributos

<input type=" url">

Ver  Ejemplos con algunos atributos

<input type="email">

Ver  Ejemplos con algunos atributos

<input type=" date ">

Ver  Ejemplos con algunos atributos

<input type="month">

Ver  Ejemplos con algunos atributos

<input type="week">

Ver  Ejemplos con algunos atributos

<input type="time">

Ver  Ejemplos con algunos atributos

<input type="number">

Ver  Ejemplos con algunos atributos

<input type="range">

Ver  Ejemplos con algunos atributos. (Avanzado con PHP)

<input type="color">

Ver  Ejemplos con algunos atributos

 <input type=" datetime-local">

Ver  Ejemplos con algunos atributos