Novos Tipos De Input Da HTML 5
1067 palavras
5 páginas
Novos tipos de input da HTML 5Veja neste artigo os novos input types da HTML5, treze novos valores possíveis para o atributo type dos inputs que permitem criar tipos de campo que antes só eram obtidos com o auxílio de JavaScript, como calendários e campos para seleção de cor
16
Gostei (0)
14
(0)
Introdução
Neste artigo vamos tratar sobre HTM5 e os novos input types que surgiram com ela (antes tarde do que nunca). Agora assim não precisamos mais criar validações em JavaScript para campos numéricos, emails, datas, entre outros que estaremos vendo ao decorrer do artigo.
Foram adicionados mais 13 novos tipos de inputs à HTML5, porém como sempre temos problemas de compatibilidade, nem todos os navegadores suportam todos os novos input types. Entretanto podemos começar a usálos, se por acaso eles não forem suportados, irão se comportar como um campo de texto comum.
Ao todo temos 23 valores possíveis para o atributo type dos inputs, incluindo os que já existiam e mais os treze novos que surgiram com o HTML5. Segue abaixo uma tabela com os tipos de input novos e com os navegadores que tem suporte a cada um. Input Type
IE
Firefox
Chrome
Safari
Opera
Input type = Color
Não
Não
Sim
Não
Sim
Input type = Date
Não
Não
Sim
Sim
Sim
Input type = Datetime
Não
Não
Não
Sim
Sim
Input type = Month
Não
Não
Sim
Sim
Sim
Input type = DateTimeLocal
Não
Não
Não
Sim
Sim
Input type = Email
Não
Não
Sim
Não
Sim
Input type = Number
Não
Não
Sim
Sim
Sim
Input type = Range
Não
Não
Sim
Sim
Sim
Input type = Search
Não
Não
Sim
Sim
Não
Input type = Tel
Não
Não
Não
Não
Não
Input type = Time
Não
Não
Sim
Sim
Sim
Input type = Url
Não
Sim
Sim
Não
Sim
Input type = week
Não
Não
Sim
Sim
Sim
Descrições dos novos input types
Color: Permite ao usuário selecionar uma cor.
Date: Cria um campo para que o usuário possa selecionar uma data.
Datetime: Cria dois campos uma para data e outro da hora (com fuso