O atributo type especifica o tipo de elemento de entrada.
Nota: Este atributo não é obrigatório, mas achamos que você deve sempre usá-lo.
<!DOCTYPE html><html lang=en><head> <meta charset=UTF-8> <meta name=viewport content=width=device-width, escala inicial=1.0> <meta http-equiv=X-UA -Conteúdo compatível=ie=edge> <title>seletor de cores</title></head><body> <input type=color id=color></body><script> document.querySelector(#color).onchange = function () { document.getElementById('color').click(); // Um evento de clique deve ser adicionado para acionar, caso contrário a mudança de cor não poderá ser acionada clicando no botão OK documento; .body.style.background = este.valor }</script></html> Vamos dar uma olhada no atributo de tipo <input> do HTML 5valor do atributo
| valor | descrever |
|---|---|
| botão | Defina botões clicáveis (usados principalmente com JavaScript para iniciar scripts) |
| caixa de seleção | Defina caixas de seleção. |
| cor | Defina o seletor de cores. |
| data | Definir campos de data (com controle de calendário) |
| datahora | Definir campos de data (com controles de calendário e hora) |
| datahora-local | Definir campos de data (com controles de calendário e hora) |
| mês | Defina o mês do campo data (com controle de calendário) |
| semana | Definir a semana do campo data (com controle de calendário) |
| tempo | Defina as horas, minutos e segundos de um campo de data (com controle de tempo) |
| Defina o campo de texto usado para endereços de e-mail | |
| arquivo | Defina campos de entrada e navegue... botões para uploads de arquivos |
| escondido | Definir campos de entrada ocultos |
| imagem | Definir imagem como botão de envio |
| número | Defina um campo numérico com um controle giratório |
| senha | Defina o campo de senha. Os personagens no campo estão mascarados. |
| rádio | Defina botões de opção. |
| faixa | Defina um campo numérico com um controle deslizante. |
| reiniciar | Defina o botão de reinicialização. O botão de redefinição redefinirá todos os campos do formulário para seus valores iniciais. |
| procurar | Defina o campo de texto usado para pesquisa. |
| enviar | Defina o botão enviar. O botão enviar envia dados para o servidor. |
| telefone | Defina um campo de texto para números de telefone. |
| texto | padrão. Defina um campo de entrada de linha única onde os usuários possam inserir texto. O padrão é 20 caracteres. |
| url | Define o campo de texto usado para o URL. |
O código acima é o código de exemplo do novo seletor de cores de atributo de tipo para entrada HTML5 introduzido pelo editor. Espero que seja útil para você. Se você tiver alguma dúvida, deixe-me uma mensagem e o editor responderá a você. tempo. Gostaria também de agradecer a todos pelo apoio ao site de artes marciais VeVb!