Componente 4.5 Inputs
Input é um campo de formulário para entrada de dados de texto.
b.1) Dimensões:
Altura: 28px
Distância entre o input e o label: 7px
Distância vertical entre itens de formulário: 30px
b.2) Cores:
Input: 8
Contorno: 5 (1px)
b.3) Textos:
Label: OSr/14 (1)
Os labels dos inputs (assim como quaisquer outros itens de formulário) devem ser escritos com a primeira letra em maiúsculo e todas as outras palavras em minúsculo (exceto siglas que são em maiúsculo. Ex.: RUC e MRUC) e devem terminar com "dois pontos" (:).
Ao digitar dados nos campos de input o texto deverá ser na cor (9). Consultar item 2.2 Paleta de Cores.
Os inputs podem vir, conforme a necessidade, com Place Holders (texto discreto orientando sobre o que deve ser digitado pelo usuário). Places Holders devem possuir a cor (5). Consultar item 2.2 Paleta de Cores.
Podemos ainda encontrar campos de input desabilitados, em que é apresentado com cor mais discreta (6). Neste caso, nada pode ser digitado por parte do usuário até que o input esteja habilitado para receber dados.
Input, como qualquer outro item de formulário, pode ser de preenchimento obrigatório (sinalizado por um asterisco vermelho) e pode retornar erros de preenchimento (sinalizado por um contorno vermelho). Os padrões de erro serão pormenorizados no item 5.3 deste guia.