<form action="./mail.php" method="get">
<table>
<tr>
<td></td><td><b>Inviaci un e-mail</b></td>
</tr>
<tr>
<td>Nome e Cognome: </td>
<td><input type="text" placeholder="Nome Cognome" name="dati" required /></td>
</tr>
<tr>
<td>Tua Email: </td>
<td><input type="email" placeholder="LaTuaEmail@gmail.com" name="email" required /></td>
</tr>
<tr>
<td>Oggetto: </td>
<td><input type="text" placeholder="Oggetto dell' e-mail" name="oggetto" required /></td>
</tr>
<tr>
<td>Messaggio:</td>
<td><textarea name="messaggio" placeholder="Messaggio..." required ></textarea></td>
</tr>
<tr>
<td></td>
<td><input type="submit" value="invia" class="invia"/></td>
</tr>
</table>
</form>

<style>
input {
width: 500px;
height: 30px;
font-size: 20px;
color: #4f4f4f;
background-color: transparent;
border: 1px solid #d0d1d2;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
box-shadow: 0 4px 2px -2px #d0d1d2;
}

textarea {
width: 500px;
height: 250px;
font-size: 20px;
color: #4f4f4f;
resize: none;
background-color: transparent;
border: 1px solid #d0d1d2;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
box-shadow: 0 4px 2px -2px #d0d1d2;
}

.invia {
background-color:#b91515;
color:white;
width:125px;
cursor:pointer;
}

.invia:hover {
background-color:#999999;
color:#b91515;
}
</style>