Tipos de entrada HTML5
HTML5 novos tipos de entrada
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:
- cor
- data
- datetime
- datetime-local
- mês
- número
- alcance
- pesquisa
- tel
- tempo
- url
- semana
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.
Tipo de entrada: Cor
cor utilizada no tipo de campo de entrada é usado principalmente para seleccionar a cor, como se segue:
Exemplos
Escolha uma cor no seletor de cores:
tente »
Tipo de entrada: Data
tipo de data permite que você selecione uma data de um selecionador de data.
Tipo de entrada: datetime
Tipo de data e hora permite selecionar uma data (hora UTC).
Exemplos
Definir uma data e controlador de tempo (hora local):
tente »
Tipo de entrada: datetime-local
tipo datetime-local permite selecionar uma data e hora (sem fuso horário).
Exemplos
Definir uma data e hora (sem fuso horário):
tente »
Tipo de entrada: e-mail
Tipo de e-mail é usado para campos de entrada deve conter endereços de e-mail.
Exemplos
Quando o formulário é enviado, ele irá verificar automaticamente se o domínio email válido valor:
tente »
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 de entrada: mês
Tipo mês permite que você selecione um mês.
Exemplos
mês e ano definido (sem fuso horário):
tente »
Tipo de entrada: número
tipo de número é usado para campos de entrada deve conter um valor.
Você também pode definir a aceitar números limitados:
Exemplos
Defina um campo de entrada numérica (limitado):
tente »
Utilize a seguinte propriedade para especificar o tipo de Digital Limited:
- O máximo permitido pelos regulamentos max
- min - o mínimo permitido pelos regulamentos
- etapa - especifica os intervalos de números legais para (se o passo = "3", os números legais poderia ser -3,0,3,6, etc)
- value - o valor padrão especificado
Experimente um exemplo com todos os atributos definidos tentar
Tipo de entrada: Intervalo
tipo gama é utilizada para campos de entrada devem conter uma gama de valores numéricos.
tipo de intervalo é exibido como um controle deslizante.
Exemplos
Você não precisa definir um valor muito precisa (como um controle deslizante):
tente »
Por favor, use os seguintes atributos para especificar o tipo de Digital Limited:
- max - o máximo permitido pelos regulamentos
- min - o mínimo permitido pelos regulamentos
- etapa - especifica os intervalos de números legais para
- value - o valor padrão especificado
Tipo de entrada: procure
Tipo de pesquisa para o campo de pesquisa, como a busca do site ou pesquisa do Google.
Exemplos
Defina um campo de pesquisa (semelhante à pesquisa do site ou pesquisa do Google):
tente »
Tipo de entrada: tel
Exemplos
Digite o telefone campo de número está definida:
tente »
Tipo de entrada: tempo
Tipo de tempo permite que você selecione um tempo.
Exemplos
Define controlador de tempo de entrada (sem fuso horário):
tente »
Tipo de entrada: url
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).
Tipo de entrada: semana
semana permite que você selecione o tipo de semana e ano.
Exemplos
Definições semana e ano (sem fuso horário):
tente »
tag HTML5 <input>
标签 | 描述 |
---|---|
<input> | 描述input输入器 |