TUTORIAL 1: Descargar XAMPP Y NOTEPAD
TUTORIAL 2: Listado de Etiquetas HTML, su Función y sus Atributos¿Qué es un input type?
Los atributos de INPUT son: TYPE determina el tipo de entrada que se va a utilizar y sus valores pueden ser los siguientes:
Tipos de INPUT para FORMULARIOS en HTML
Input type text
Define un campo de una sola línea de texto.
Input type password
Define un campo para contraseñas.
Input type submit
Define un botón para enviar los datos del formulario.
Input type reset
Define un botón para resetear todos los valores del formulario a los valores por defecto.
Input type radio
Define un radio button, que te permite seleccionar UNA opción entre varias.
Input type checkbox
Define un checkbox. Nos permite seleccionar ninguna o varias opciones.
Input type button
Define un botón.
TIPOS DE INPUT TYPE EN HTML5
En HTML5 se añadieron varios tipos nuevos:
color
date
datetime-local
email
month
number
range
search
tel
time
url
week
Input type color
Se usa para seleccionar el color.
Input type date
Se usa para seleccionar fechas.
Se puede añadir los atributos min y max para restringir la selección.
Input type datetime-local
Se usa para una fecha y hora sin tener en cuenta la zona horaria.
Input type email
Para contener direcciones de correo electrónico.
Input type file
Define un campo para subir ficheros.
Input type month
Permite seleccionar mes y año.
Input type number
Sirve para valores numéricos. Se puede restringir los números aceptados usando algunos atributos.
Restricciones de los inputs checked:
Especifica si un input de tipo checkbox o radio tiene que estar seleccionado por defecto:
disabled: Especifica si un input debería estar deshabilitado
max: Especifica el máximo del valor de un input
maxlength: Especifica el número máximo de caracteres
min: Especifica el valor mínimo del input
pattern: Especifica una expresión regular para chequear el valor del input
readonly: Especifica si el input no se puede cambiar
required: Especifica si el input es obligatorio de rellenar
size: Especifica el ancho (en caracteres) para el input
step: Especifica el intervalo para pasar de un valor numérico a otro
value: Especifica el valor por defecto del input
Input type range
Proporciona un slider para seleccionar un valor numérico entre dos valores (por defecto de 0 a 100.
Input type search
Se usa para buscadores (se comporta como un input text.
Input type tel
Se usa para números de teléfon.
Input type time
Permite seleccionar una hora (sin tener en cuenta la zona horaria).
Input type url
Se usa para rellenar el input con una URL.
Input type week
Se usa para seleccionar la semana y el año.
En el próximo tutorial 4 les enseñare a conectar este formulario con php para conectar con la base de datos y poder guardar los datos de registro del usuario.
Recuerda Mirar todos los tutoriales que adjunto a continuación:
TUTORIAL 1: Descargar XAMPP Y NOTEPAD
TUTORIAL 2: Listado de Etiquetas HTML, su Función y sus AtributosTUTORIAL 3: Crear un Formulario de Registro con Etiquetas Input Type en HTML y CSS
TUTORIAL 4 : Pasar Variables de un Formulario Html a otro PHP con el metodo $_POST
TUTORIAL 5: Crear Base de Datos en Mysql
