Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Aprende Exploración de los Diferentes Tipos de Entrada en HTML | Formularios HTML y Entrada de Usuario
Practice
Projects
Quizzes & Challenges
Quizzes
Challenges
/
HTML Definitivo

bookExploración de los Diferentes Tipos de Entrada en HTML

HTML ofrece muchos tipos de <input> que permiten recopilar diferentes tipos de datos de usuario. A continuación se presenta una descripción general de los más comunes.

Correo electrónico y contraseña

  • type="email": acepta direcciones de correo electrónico y realiza una validación básica en el navegador;
  • type="password": oculta los caracteres escritos por seguridad y puede utilizar minlength y maxlength.
index.html

index.html

copy

Número

type="number": acepta valores numéricos. Utilice min, max y step para controlar el rango permitido.

index.html

index.html

copy

Teléfono

type="tel": para números de teléfono. Sin validación incorporada. La validación debe realizarse manualmente por el desarrollador.

index.html

index.html

copy

Casilla de verificación

type="checkbox": permite seleccionar múltiples opciones. Utilice checked para preseleccionar.

index.html

index.html

copy

Radio

type="radio": selecciona una opción de un grupo. Todos los radios deben compartir el mismo name.

index.html

index.html

copy

Control deslizante de rango

type="range": un control deslizante para seleccionar un número dentro de un rango. La lógica de JavaScript se omite en este curso.

index.html

index.html

index.js

index.js

copy
Note
Nota

La lógica de JavaScript se omite en este curso.

Fecha y hora

  • type="date": selector de calendario;
  • type="time": selector de hora;
  • type="datetime-local": combina entradas de fecha y hora.
index.html

index.html

copy
Note
Nota

Para un estilo consistente, los desarrolladores suelen utilizar bibliotecas de interfaz de usuario predefinidas en lugar de los selectores predeterminados del navegador.

Note
Estudiar más

Es posible que haya notado que, al intentar completar ciertos campos, el navegador ya puede sugerir algunas opciones de autocompletado. El navegador recuerda los valores que ha ingresado en los campos y luego se los sugiere para completar automáticamente.

question mark

¿Cuál es la principal diferencia entre los campos de entrada type="email" y type="password"?

Select the correct answer

¿Todo estuvo claro?

¿Cómo podemos mejorarlo?

¡Gracias por tus comentarios!

Sección 5. Capítulo 5

Pregunte a AI

expand

Pregunte a AI

ChatGPT

Pregunte lo que quiera o pruebe una de las preguntas sugeridas para comenzar nuestra charla

bookExploración de los Diferentes Tipos de Entrada en HTML

Desliza para mostrar el menú

HTML ofrece muchos tipos de <input> que permiten recopilar diferentes tipos de datos de usuario. A continuación se presenta una descripción general de los más comunes.

Correo electrónico y contraseña

  • type="email": acepta direcciones de correo electrónico y realiza una validación básica en el navegador;
  • type="password": oculta los caracteres escritos por seguridad y puede utilizar minlength y maxlength.
index.html

index.html

copy

Número

type="number": acepta valores numéricos. Utilice min, max y step para controlar el rango permitido.

index.html

index.html

copy

Teléfono

type="tel": para números de teléfono. Sin validación incorporada. La validación debe realizarse manualmente por el desarrollador.

index.html

index.html

copy

Casilla de verificación

type="checkbox": permite seleccionar múltiples opciones. Utilice checked para preseleccionar.

index.html

index.html

copy

Radio

type="radio": selecciona una opción de un grupo. Todos los radios deben compartir el mismo name.

index.html

index.html

copy

Control deslizante de rango

type="range": un control deslizante para seleccionar un número dentro de un rango. La lógica de JavaScript se omite en este curso.

index.html

index.html

index.js

index.js

copy
Note
Nota

La lógica de JavaScript se omite en este curso.

Fecha y hora

  • type="date": selector de calendario;
  • type="time": selector de hora;
  • type="datetime-local": combina entradas de fecha y hora.
index.html

index.html

copy
Note
Nota

Para un estilo consistente, los desarrolladores suelen utilizar bibliotecas de interfaz de usuario predefinidas en lugar de los selectores predeterminados del navegador.

Note
Estudiar más

Es posible que haya notado que, al intentar completar ciertos campos, el navegador ya puede sugerir algunas opciones de autocompletado. El navegador recuerda los valores que ha ingresado en los campos y luego se los sugiere para completar automáticamente.

question mark

¿Cuál es la principal diferencia entre los campos de entrada type="email" y type="password"?

Select the correct answer

¿Todo estuvo claro?

¿Cómo podemos mejorarlo?

¡Gracias por tus comentarios!

Sección 5. Capítulo 5
some-alt