En este artículo, especificaremos el tipo de un elemento de entrada usando HTML. El atributo de tipo HTML <input> se utiliza para especificar el tipo de elemento <input> que se mostrará. El tipo predeterminado de atributo de tipo <input> es texto.
Sintaxis:
<input type="value">
Valores de atributos:
- botón: se utiliza para definir un botón en el que se puede hacer clic en un documento. Se usa principalmente con JavaScript para activar el script.
- casilla de verificación: se utiliza para definir un campo de casilla de verificación. La casilla de verificación se muestra como una casilla cuadrada que se marca cuando se activa. Permite al usuario seleccionar una o más opciones entre todas las opciones limitadas.
- color: Se utiliza para definir un selector de color. El valor debe ser una notación hexadecimal de siete caracteres. Su valor predeterminado es #000000 (negro).
- fecha: Se utiliza para definir un selector de fecha o campo de control. El valor será el año, mes y día.
- email: Se utiliza para definir un campo para la dirección de correo electrónico. La identificación del correo electrónico de entrada se valida automáticamente para verificar que el formato de la identificación del correo electrónico sea correcto o no.
- archivo: se utiliza para especificar el campo de selección de archivo y agregar un botón para elegir un archivo para cargarlo en el formulario.
- oculto: Se utiliza para definir un campo oculto de entrada. Un campo oculto también incluye aquellos datos que los usuarios no pudieron ver o modificar cuando enviaron el formulario. Un campo oculto solo almacena los registros de la base de datos que deben actualizarse al enviar el formulario.
- imagen: se utiliza para definir una imagen como botón de envío.
- mes: Se utiliza para especificar el control del campo mes y año. El valor debe tener el formato “YYYY-MM”.
- número: se utiliza para especificar un campo de entrada para introducir un número.
- contraseña: se utiliza para especificar el campo de contraseña de la etiqueta de entrada. La contraseña debe enviarse a través de las páginas HTTPS porque incluye información confidencial del usuario.
- radio: Se utiliza para definir un botón de radio. Los botones de radio se utilizan para permitir que el usuario seleccione exactamente una opción de una lista de opciones predefinidas. Los controles de entrada de botón de radio se crean utilizando el elemento «input» con un atributo de tipo que tiene el valor «radio».
- rango: Se utiliza para definir el control de un número ingresado por el usuario. Puede establecer restricciones en números o valores sin importancia que el usuario ingresará. Su rango predeterminado es de 0 a 100.
- reset: Se utiliza para definir un botón de reset. El botón de reinicio se utiliza para restablecer todos los valores del formulario a sus valores iniciales.
- búsqueda: Se utiliza para definir un campo de texto que ingresó una string de búsqueda.
- enviar: se utiliza para definir un botón de envío. Se utiliza para enviar todo el valor del usuario al controlador de formulario. El controlador de formulario es una página del servidor que activa un script para procesar todos los valores de entrada.
- tel: Se utiliza para definir un campo que ingresa un Número de teléfono de usuario.
- texto: Se utiliza para definir un campo de texto de una sola línea. El ancho predeterminado del campo de texto es de 20 caracteres.
- tiempo: Se utiliza para especificar el campo de control de tiempo de entrada.
- url: Se utiliza para definir un campo que ingresó una URL. Este valor de entrada se valida automáticamente antes de enviar el formulario.
- semana: Se utiliza para definir un campo de control de semana y año.
Ejemplo:
HTML
<!DOCTYPE html> <html> <head> <title> How to specify the type of an input element using HTML? </title> </head> <body style="text-align:center;"> <h1 style="color:green;">GeeksforGeeks</h1> <h3> How to specify the type of an input element using HTML? </h3> <form action="#" method="get"> Username: <input type="text" name="uname"> <br><br> Password: <input type="password" name="pwd"> <br><br> <button type="submit" value="submit"> Submit </button> <button type="reset" value="reset"> Reset </button> </form> </body> </html>
Producción:
