Tipos de entrada en HTML
Este artículo presenta una descripción completa de los siguientes tipos de entrada:
- Texto
- Entregar
- Correo electrónico
- Contraseña
- Botón
- Radio
- Caja
- Archivo
- Color
- Fecha
- Tiempo
- De fecha indicativa
- Semana
- Mes
- Tel
Esta redacción presentará una guía completa para todos los tipos de entrada mencionados anteriormente, por lo que comencemos!
Teclee el texto
El tipo de texto determina un campo de texto de una sola línea.
Ejemplo
El fragmento dado a continuación crea un campo de entrada de tipo de texto dentro de una etiqueta de formulario:
El fragmento de código anterior generará la salida algo como esto:
La salida verifica que el campo de entrada toma datos de tipo de texto.
Tipo envío
El botón Tipo de envío envía los datos del formulario a la URL especificada dentro de la etiqueta.
Ejemplo
El fragmento a continuación muestra cómo funciona el tipo de envío:
El código anterior especifica una URL de un archivo HTML en la etiqueta de formulario, además crea un botón y un campo de texto. Al hacer clic en el botón Enviar enviará los datos ingresados dentro del campo de texto al formularios.html página.
Antes de hacer clic en el botón estamos en el formatributos.html Página, entonces, la salida del fragmento de código anterior será así:
Al hacer clic en el botón, mostrará los datos ingresados al usuario en el formularios.html página:
Así es como funciona el botón Enviar en HTML.
Tipo de correo electrónico
Se utiliza para tomar la dirección de correo electrónico del usuario y si alguien ingresa los datos irrelevantes, el tipo de correo electrónico no enviaría esos datos:
El siguiente será la salida de este código:
Escriba contraseña
El tipo de contraseña se utiliza para determinar un campo de contraseña:
La pieza de código anterior produce la siguiente salida:
Tipo de botón
Se usa para crear un botón para hacer clic:
La línea de código anterior muestra inicialmente la siguiente salida:
Tipo radio
Se utiliza para crear un botón de radio que permite a un usuario elegir una opción de múltiples opciones:
El código anterior proporcionará la siguiente salida:
Tipo de casilla de verificación
El tipo de casilla de verificación se usa para crear una casilla de verificación que permite a un usuario seleccionar una sola o múltiples opciones:
El fragmento de anteriores muestra la siguiente salida:
La salida autentica el funcionamiento de la casilla de verificación.
Tipo de archivo
Para adjuntar un archivo en un sitio web, se puede utilizar el tipo de entrada del archivo:
Inicialmente muestra "no hay archivo elegido":
Cuando un usuario selecciona un archivo, el nombre del archivo se mostrará adyacente al "Elija el archivo" opción:
Tipo de color
Este tipo de entrada se usa para crear un selector de color. Sin embargo, el valor por defecto es negro, un usuario puede elegir un color utilizando valores de color RGB:
La pieza de código anterior proporciona la siguiente salida:
Al hacer clic en el color se mostrará, permitirá que un usuario elija un color de su elección:
Tipo de fecha
Se utiliza para crear un campo de tipo de fecha que permita a un usuario elegir una fecha:
El siguiente será la salida del fragmento de código anterior:
Un usuario puede elegir una fecha de la siguiente manera:
Tipo de tiempo
Se usa para crear un campo de tipo de tiempo que permita a un usuario elegir un tiempo. El tipo de entrada de tiempo se puede implementar de la misma manera que el tipo de fecha:
Inicialmente, las líneas de código anteriores proporcionarán la siguiente salida:
Un usuario puede elegir un momento de su elección:
De fecha indicativa
Se puede usar para especificar la fecha y la hora simultáneamente:
La salida del fragmento de código anterior se verá así:
Un usuario puede elegir la fecha y la hora simultáneamente como se muestra a continuación:
Semana
Se utiliza para seleccionar una semana, el siguiente fragmento proporcionará una mejor comprensión:
El fragmento dado a continuación muestra la salida de las líneas de código anteriores:
Mes
Se utiliza para seleccionar un mes, el siguiente fragmento de código describe el tipo de entrada de mes:
La salida del fragmento anterior se verá así:
Tipo de tel
Se usa para tomar un número de teléfono del usuario. Podemos especificar un patrón específico que debe seguirse. El fragmento a continuación muestra el funcionamiento del tipo de entrada de TEL:
Si alguien ingresa a un patrón irrelevante, se mostrará un mensaje de advertencia para ingresar el formato solicitado:
La salida verifica que el "Tel" El tipo de entrada funciona correctamente.
Conclusión
La etiqueta proporciona controles de entrada para aceptar los datos del usuario de varias maneras. En html se pueden usar diferentes tipos de entrada para tomar la entrada del usuario, por ejemplo, texto, correo electrónico, contraseña, botón, envío y muchos más. Todos estos tipos de entrada presentan diferentes funcionalidades. Este artículo proporciona una descripción completa de algunos tipos de entrada con mayor frecuencia y considerado múltiples ejemplos para una mejor comprensión.