El atributo de tipo especifica el tipo de elemento de entrada.
Nota: Este atributo no es obligatorio, pero creemos que siempre debes usarlo.
<!DOCTYPE html><html lang=en><head> <meta charset=UTF-8> <meta nombre=viewport content=ancho=ancho del dispositivo, escala inicial=1.0> <meta http-equiv=X-UA -Contenido compatible=es decir=edge> <title>selector de color</title></head><body> <input type=color id=color></body><script> document.querySelector(#color).onchange = function () { document.getElementById('color').click() // Se debe agregar un evento de clic para activar; de lo contrario, el cambio de color no se puede activar haciendo clic en el botón Aceptar documento. .body.style.background = este.valor }</script></html> Echemos un vistazo al atributo de tipo HTML 5 <input>valor del atributo
| valor | describir |
|---|---|
| botón | Definir botones en los que se puede hacer clic (utilizados principalmente con JavaScript para iniciar scripts) |
| caja | Definir casillas de verificación. |
| color | Defina el selector de color. |
| fecha | Definir campos de fecha (con control de calendario) |
| fecha y hora | Definir campos de fecha (con controles de calendario y tiempo) |
| fechahora-local | Definir campos de fecha (con controles de calendario y tiempo) |
| mes | Definir el mes del campo de fecha (con control de calendario) |
| semana | Definir la semana del campo de fecha (con control de calendario) |
| tiempo | Definir las horas, minutos y segundos de un campo de fecha (con control de tiempo) |
| correo electrónico | Definir el campo de texto utilizado para las direcciones de correo electrónico |
| archivo | Defina campos de entrada y explore... botones para cargar archivos |
| oculto | Definir campos de entrada ocultos |
| imagen | Definir imagen como botón de enviar |
| número | Definir un campo numérico con un control giratorio |
| contraseña | Defina el campo de contraseña. Los personajes en el campo están enmascarados. |
| radio | Definir botones de opción. |
| rango | Defina un campo numérico con un control deslizante. |
| reiniciar | Defina el botón de reinicio. El botón de reinicio restablecerá todos los campos del formulario a sus valores iniciales. |
| buscar | Defina el campo de texto utilizado para la búsqueda. |
| entregar | Defina el botón de enviar. El botón enviar envía datos al servidor. |
| teléfono | Defina un campo de texto para números de teléfono. |
| texto | por defecto. Defina un campo de entrada de una sola línea donde los usuarios puedan ingresar texto. El valor predeterminado es 20 caracteres. |
| URL | Define el campo de texto utilizado para la URL. |
Lo anterior es el código de ejemplo del nuevo selector de color de atributo de tipo para entrada HTML5 introducido por el editor. Espero que le resulte útil. Si tiene alguna pregunta, déjeme un mensaje y el editor le responderá. tiempo. ¡También me gustaría agradecer a todos por su apoyo al sitio web de artes marciales VeVb!