Bem vindo ao JScript Forumeiros

Convidado · 1 [HTML]Formulário simples e funcional. Dom 16 Jun 2013, 11:45 pm

Convidado

E ai galera do fórum Punbb, sou Igor Ruiz, e vim trazer um código aqui, que poderá ajudar muito algum dia, você !

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.