O melhor tutorial Tipos de entrada HTML5 em 2024. Neste tutorial você pode aprender HTML5 novos tipos de entrada,Tipo de entrada: Cor,Exemplos,Tipo de entrada: Data,Exemplos,Tipo de entrada: datetime,Exemplos,Tipo de entrada: datetime-local,Exemplos,Tipo de entrada: e-mail,Exemplos,Tipo de entrada: mês,Exemplos,Tipo de entrada: número,Exemplos,Tipo de entrada: Intervalo,Exemplos,Tipo de entrada: procure,Exemplos,Tipo de entrada: tel,Exemplos,Tipo de entrada: tempo,Exemplos,Tipo de entrada: url,Exemplos,Tipo de entrada: semana,Exemplos,tag HTML5 <input>,
HTML5 tem vários tipos de entrada de formulário novos. Esses novos recursos fornecem melhor controle de entrada e validação.
Este capítulo descreve esses novos tipos de entrada abrangentes:
Nota: Nem todos os principais navegadores suportam os novos tipos de entrada, mas você já pode usá-los em todos os principais navegadores.Se não houver suporte, ele ainda pode aparecer como campos de texto regulares.
cor utilizada no tipo de campo de entrada é usado principalmente para seleccionar a cor, como se segue:
Escolha uma cor no seletor de cores:
tipo de data permite que você selecione uma data de um selecionador de data.
Tipo de data e hora permite selecionar uma data (hora UTC).
Definir uma data e controlador de tempo (hora local):
tipo datetime-local permite selecionar uma data e hora (sem fuso horário).
Definir uma data e hora (sem fuso horário):
Tipo de e-mail é usado para campos de entrada deve conter endereços de e-mail.
Quando o formulário é enviado, ele irá verificar automaticamente se o domínio email válido valor:
Dica: iPhone no navegador Safari suporta e-mail tipo de entrada, e alterando o teclado da tela sensível ao toque para combiná-lo (adicionar @ .com e opções).
Tipo mês permite que você selecione um mês.
mês e ano definido (sem fuso horário):
tipo de número é usado para campos de entrada deve conter um valor.
Você também pode definir a aceitar números limitados:
Defina um campo de entrada numérica (limitado):
Utilize a seguinte propriedade para especificar o tipo de Digital Limited:
Experimente um exemplo com todos os atributos definidos tentar
tipo gama é utilizada para campos de entrada devem conter uma gama de valores numéricos.
tipo de intervalo é exibido como um controle deslizante.
Você não precisa definir um valor muito precisa (como um controle deslizante):
Por favor, use os seguintes atributos para especificar o tipo de Digital Limited:
Tipo de pesquisa para o campo de pesquisa, como a busca do site ou pesquisa do Google.
Defina um campo de pesquisa (semelhante à pesquisa do site ou pesquisa do Google):
Digite o telefone campo de número está definida:
Tipo de tempo permite que você selecione um tempo.
Define controlador de tempo de entrada (sem fuso horário):
digite a URL é usado para campos de entrada deve conter um endereço URL.
Quando o formulário é enviado, ele irá verificar automaticamente o valor do campo URL.
Dica: iPhone no navegador Safari suporta tipo de entrada url, e alterando o teclado da tela sensível ao toque para combiná-lo (opção .com adicionar).
semana permite que você selecione o tipo de semana e ano.
Definições semana e ano (sem fuso horário):
标签 | 描述 |
---|---|
<input> | 描述input输入器 |