title: Create a working submit button for form to send email
body: <p>How can I write a code to create a working submit button where somebody click the submit button on my page and that data goes to my working email id for example to <code>smrithikollam@gamil.com</code>. </p>
  
  <p>"Not preferring JavaScript.. Prefer to write code in HTML 5 &amp; CSS3 "</p>
  
  <hr>
  
  <p>Here is the HTML code for my form</p>
  
  <pre><code>&lt;div id="forms"&gt;
      &lt;form class="form"&gt;
  
          &lt;p class="name"&gt;
              &lt;input type="text" name="name" id="name" placeholder="Enter Your Name" /&gt;
          &lt;/p&gt;
  
          &lt;p class="email"&gt;
              &lt;input type="text" name="email" id="email" placeholder="mail@example.com" /&gt;
          &lt;/p&gt;
  
          &lt;p class="web"&gt;
              &lt;input type="text" name="web" id="web" placeholder="9876 543 210" /&gt;
          &lt;/p&gt;        
  
          &lt;p class="text"&gt;
              &lt;textarea name="text" placeholder="Write something to us" /&gt;&lt;/textarea&gt;
          &lt;/p&gt;
  
          &lt;p class="submit"&gt;
              &lt;input type="submit" value="Send" /&gt;
          &lt;/p&gt;
      &lt;/form&gt;
  &lt;/div&gt;
  </code></pre>
  
  <hr>
  
  <p>and Here is my CSS code for submit button</p>
  
  <pre><code>.submit input {
      width: 100px; 
      height: 40px;
      background-color: #474E69; 
      color: #FFF;
      border-radius: 3px;
      -moz-border-radius: 3px;
      -webkit-border-radius: 3px;     
  }
  </code></pre>