Explicações relacionadas a este exemplo foram utilizadas nas seguintes aulas:
(devido a dinâmica de gravações, não necessariamente todas as aulas que utilizaram o exemplo estarão listadas aqui)
- (aula 102) Formulários (módulo 11 - Conteúdo)
- (aula 147g) Formulários (módulo 14 - Design System)
- (aula 185e) Testes em áreas específicas (módulo 18 - Testes)
Importante:
Os exemplos ou códigos apresentados nesta página não necessariamente são os melhores para serem utilizados em um projeto específico. São meros exemplos construídos para explicações mais aprofundadas nas aulas mencionadas.
Exemplos de campos diversos em formulários
Diferentes tipos de "inputs" (apenas campos SEM associação com rótulos)
O objetivo de cada tipo de campo mencionado aqui é explicado em aulas do curso, mas também pode ser consultado no MDN Web Docs open_in_newlink externo - abre em uma nova janela.
A compatibilidade destes elementos com diferentes browsers pode ser verificada no HTML 5 Accessibility open_in_newlink externo - abre em uma nova janela.
input type="text"
input type="hidden"
input type="email"
input type="number"
input type="password"
input type="search"
input type="tel"
input type="url"
input type="date"
input type="datetime"
input type="datetime-local"
input type="time"
input type="month"
input type="week"
input type="checkbox"
input type="radio"
input type="file"
input type="submit"
input type="button"
input type="reset"
input type="image"
input type="range"
input type="color"