Esse código é simples e de fácil formatação, seguindo todas as regras estabelecidas pela W3C, qualquer duvida é só posta aqui em baixo.
HTML
<div id="formulario_contato"> <form action="" method="post"> <fieldset> <legend>Informações Cadastrais</legend> <label> Nome: <input type="text" name="nome" id="nome" /> </label> <label> Email: <input type="text" name="email" id="email" /> </label> <label> Telefone: <input type="text" name="telefone" id="telefone" /> </label> <label> Mensagem: <textarea rows="4" cols="4" name="mensagem" id="mensagem"></textarea> </label> <label> <input type="submit" name="enviar" value="enviar" class="btn_enviar" /> </label> </fieldset> </form> </div>
Vai um exemplo de formatação com CSS abaixo:
CSS
#formulario_contato fieldset { border: 0; margin: 10px; width: 320px; } #formulario_contato legend { border: 0; text-align: left; padding: 0 0 4px 0; font-weight: bold; } #formulario_contato label { display: block; width: 300px; padding: 4px 0; clear: both; } #formulario_contato label input { float: right; width: 220px; } #formulario_contato label textarea { float: right; width: 220px; } input.btn_enviar { position: absolute; width: 60px; height: 28px; }
Forte abraço a todos, espero que tenham curtido.
Este post lhe ajudou? Retribua ;D
- KaaioHR likes this