Componente 4.5 Inputs

Definição

Input é um campo de formulário para entrada de dados de texto.

 

Especificações

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)

Comportamento

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.