Can't get the contact form to send to email

Question

I can't seem to get my contact form box to direct the mail to my email, like after I hit the send message button it just refreshes the page as a continuous loop.

<div class="wow fadeInUp col-md-6 col-sm-12" data-wow-delay="1.6s">
    <h1>Questions/comments</h1>
    <div class="contact-form">
        <form id="contact-form" method="post" action="mailto:kaykaesu@gmail.com">
            <input name="name" type="text" class="form-control" placeholder="Your Name" required>
            <input name="email" type="email" class="form-control" placeholder="Your Email" required>
            <textarea name="message" class="form-control" placeholder="Message" rows="4" required></textarea>
            <div class="contact-submit">
                <input type="submit" class="form-control submit" value="Send a message">
            </div>
        </form>
    </div>
</div>

Possible duplicate of [Mailto on submit button](https://stackoverflow.com/questions/12626940/mailto-on-submit-button) — Carl Binalla, Oct 04 '17 at 02:53

ShlomyN · Answer 1 · 2017-10-04T05:07:22.340

2

<div class="wow fadeInUp col-md-6 col-sm-12" data-wow-delay="1.6s">
    <h1>Questions/comments</h1>
    <div class="contact-form">
        <form id="contact-form" method="post" action="mailto:kaykaesu@gmail.com"  enctype="text/plain">
            <input name="name" type="text" class="form-control" placeholder="Your Name" required>
            <input name="email" type="email" class="form-control" placeholder="Your Email" required>
            <textarea name="message" class="form-control" placeholder="Message" rows="4" required></textarea>
            <div class="contact-submit">
                <input type="submit" class="form-control submit" value="Send a message">
            </div>
        </form>
    </div>
</div>

Try adding

enctype="text/plain"

To the form tag. If this doesn't work then it most likely an OS problem Microsoft file association to mailto

*On my side your code is working fine

edited Oct 04 '17 at 05:07

answered Oct 04 '17 at 02:50

ShlomyN

426
2
5

i'm sorry, where exactly should i add that? – kaykae Su Oct 04 '17 at 03:09
– ShlomyN Oct 04 '17 at 03:14
i just edited it and still no luck. now instead of refreshing the page after hitting the send message button it just sits there. can't click it and no action. – kaykae Su Oct 04 '17 at 03:33
So it's probably an OS problem, you need to associate the mailto action with an email client, try following the instructions in the link – ShlomyN Oct 04 '17 at 03:52

score -1 · Answer 2 · answered Oct 04 '17 at 02:53

This will work only if the one who is filling the form has a mail client setup in his / her device. To ensure it works properly in all scenarios, you need a server script and point the action attribute of form to that script.

Or else you can use a third party service like Typeform

score -1 · Answer 3 · answered Oct 04 '17 at 06:04

      <?php
       if(isset($_POST['submit']))
         {
        $name=$_POST['name'];
        $email=$_POST['email'];
        $message=$_POST['message'];
          $body="Name:".$name."\n"."Email:".$email."\n"."Message: 
          \n".$message;
       if(mail("abc@gmail.com","Query through 
       Website",$body,"From:".$email))
      echo "<p align='center' style='color:green'>Your message has reached 
       destination.Rest Easy (^_^)..!!  We will contact you Shortly</p>";
        else
       echo "<p align='center' style='color:red'>Damn server!Apologies, but 
      something went wrong.Please try again (T_T)</p>";
         }
         ?>

    <div class="wow fadeInUp col-md-6 col-sm-12" data-wow-delay="1.6s">
<h1>Questions/comments</h1>
<div class="contact-form">
     <form  method="post" name="myform" onsubmit = "return validate()">
        <input name="name" type="text" class="form-control" placeholder="Your Name" required>
        <input name="email" type="email" class="form-control" placeholder="Your Email" required>
        <textarea name="message" class="form-control" placeholder="Message" rows="4" required></textarea>
        <div class="contact-submit">
            <input name="submit"  value="Send Message" type="submit" class="form-control submit" value="Send a message">
        </div>
    </form>
</div>

Can't get the contact form to send to email

3 Answers3

Linked