Muitas vezes lidamos com formulários. Contato, login e etc. Quando eu vejo um formulário em alguns sites que aparecem na comunidade "Avaliem meu site", geralmente não seguem a semântica. Não só nesses sites mas também em muitos outros. Para se fazer um formulário semântico é preciso: um fieldset, que é como se fosse um div que agrupa tudo; legend, que é o título do fieldset; label que é a etiqueta de todos os elementos do formulário(botões não precisam); e os inputs.
<form>
<fieldset>
<legend>Preencha os campos abaixo:</legend>
<label for="nome">Nome: </label>
<input type="text" name="nome" id="nome" size="30" />
<label for="email">Email: </label>
<input type="text" name="email" id="email" size="30" />
<label for="mensagem">Mensagem</label>
<textarea rows="5" cols="40" name="mensagem" id="mensagem" ></textarea>
</fieldset>
</form>
Note que em <label> há um atributo chamado "for" que significa que <label> serve para o <input> que contiver o id que estiver no atributo "for".
Até a próxima.
sábado, 26 de abril de 2008
Semântica nos formularios
Assinar:
Postar comentários (Atom)
0 comentários:
Postar um comentário