Html - Criar um formulario de contacto.

Bem vou ensinar como criar um formulario de contacto em html isto aqui não da pa enviar xD é so o basico como construir o formulario para fazer enviar é precisso fazer os codigo em PHP quem quer aprender é so começar a estudar na net, tal como eu fiz.

Bem vamos começar, o que vão ver aqui sao campos em input como vimos no outro tutorial que tinha feito.

1-
Vamos criar o nosso form para poder enviar se nunca fizerem isso o formulario nunca podera ser enviado.

Código:


<form action="enviar.php" method="post">
 
</form>

Nota: o enviar.php é o link da pagina dos codigos que vocês fizeram com php.

2-
O nosso form esta criado, vamos criar os campos.

Código:


<b>  E-Mail:</b><br>
<input id="nitrobux" name="email" type="text"><br>
<b>Nome:</b><br>
<input id="nitrobux" name="nome" type="text"><br>
<b>Assunto:</b<br>
<input id="nitrobux" name="assunto" type="text"><br>
<b>Mensagem:</b><br>
<textarea id="nitrobuxtext"cols="110" rows="8" name="msg"></textarea>
<br>
<input name="enviar" value="Enviar" type="submit"class="nitroenviar">

Como podem ver estes são os nossos campos, o ultimo input é o botão para poder enviar.

Exemplo:

E-Mail:



Nome:



Assunto:


Mensagem:







Codigo completo:

Código:

<form action="enviar.php"method="post">
<b>  E-Mail:</b><br>
<input id="nitrobux" name="email" type="text"><br>
<b>Nome:</b><br>
<input id="nitrobux" name="nome" type="text"><br>
<b>Assunto:</b<br>
<input id="nitrobux" name="assunto" type="text"><br>
<b>Mensagem:</b><br>
<textarea id="nitrobuxtext"cols="110" rows="8" name="msg"></textarea>
<br>
<input name="enviar" value="Enviar" type="submit"class="nitroenviar">
</form>

Codigos css apra personalizar.

Código:

<style type text="css">
#nitrobux{
    display:block;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border:1px solid #000000;
    font-size:13px;
    margin:0 0 5px;
    padding:5px;
    width:153px;
}
#nitrobuxtext{
    display:block;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border:1px solid #000000;
    font-size:13px;
    margin:0 0 5px;
    padding:5px;
    width:300px;
}
.nitroenviar{
 display:block;
-moz-border-radius:4px;
 -webkit-border-radius:4px;
 border:1px solid #000000;
 font-size:13px;
 margin:0 0 0 px;
 padding:4px;
 width:153px;
}
</style>