How to create a Contact form in HTML for website

<!DOCTYPE html>
<html>
<head>
<title>Contact Form </title>
</head>
<body>

<form action="contact.php" method="post" style="margin-top:15px;">
 <table align="center" border="2px solid blue"  width="400" style="color: blue ;padding: 5px;margin: 10px;margin: auto;">
    <tr>
      <td align="center" colspan="8"><h2>Get in touch</h2> <br><p style="color:#fd5308"><em>We love our customers!</em></p><br>
       <p style="color: blue;"></p>

</td>
    </tr>

    <tr>
      <td align="center"><strong> Name:</strong></td>
      <td><input type="text" size="40" style="padding:3px;margin:5px;" name="name"></td>
    </tr>

         <tr>
      <td align="center"><strong> Email:</strong></td>
      <td><input type="text" size="40" style="padding:3px;margin:5px;" name="email"></td>
    </tr>

    <tr>
      <td align="center"><strong>Subject:</strong></td>
      <td><input type="text" size="40" style="padding:3px; margin:5px;" name="subject"></td>
    </tr>

    <tr>
      <td align="center"> <strong> Message: </strong> </td>
      <td><textarea cols="60" rows="10" style="padding:15px;margin:10px;" name="message"></textarea></td>
    </tr>
    <tr>
      <td align="center" colspan="7"><input type="submit" name="send_email" value="Send Email"
        style="color: white;background: red;border: 2px solid red;cursor:pointer;font-size: 14px;font-weight: bold;border-radius:4px;padding:3px;margin:5px;">

      </td>
    </tr>
  </table>

</form>
</body>
</html>

No comments:

Post a Comment