LOCAWEB STYLE

Documentação Locaweb Style

Formulários

Posição dos campos

Formulários verticais

Sim, esse é aquele formulário básico que você não perde muito tempo e a <label> fica em cima do <input>.

Formulários horizontais

Aposto que você gostaria de alinhar a <label> do seu formulário com o <input>, e agora?
Use a classe: .form-horizontal para fazer isso. Veja o Exemplo abaixo:


Formulários em linha

Para criar formulários em linha, basta adicionar a classe .form-inline e o conteúdo será alinhado do lado esquerdo e receberá a propriedade de "display": inline-block.

Lembre-se!

Nessa versão de formulário é necessário definir a largura para os campos.

Acessibilidade

Ao usar o atributoplaceholder continuamos criando o label e o escondemos com a classe sr-only, porém os leitores de tela conseguem entender. Faça isso e a Acessibilidade agradece =)