I'm using a salesforce web to lead form. If I turn debug mode on, it sends the email (albeit a few minutes after hitting send). If I turn debugging off, nothing is sent.
<form action="https://www.salesforce.com/servlet/servlet.WebToLead?encoding=UTF-8" method="POST" id="contactForm">
<input type=hidden name="oid" value="{{my company id}}">
<input type=hidden name="retURL" value="http://site.co/thanks">
<input id="first_name" name="first_name" type="text" class="full-width" placeholder="NAME"/>
<input id="email" name="email" type="text" placeholder="EMAIL" class="full-width"/>
<!--
<input type="hidden" name="debug" value=1>
<input type="hidden" name="debugEmail" value="rob#site.co">
-->
<textarea name="description" class="full-width" placeholder="MESSAGE"></textarea>
<input type="submit" class="btn pull-right" value="Send Message" tabindex="5">
</form>
Related
I am creating a form for a website, but right now it's only allowing me to tab through from phone down. I cannot tab from first name to last name to phone. how do I change it to allow me to tab through the whole thing?
<form data-customer-information-form="true" autocomplete="off" method="POST" action="addticket/submit" name="ticketForm" id="ticketform" accept-charset="UTF-8">
<p>
<label for="customerFirstName">First Name:</label></br>
<input type="text" name="customerFirstName" id="customerFirstName" placeholder="first name" pattern="[A-Za-z]+" required>
</p>
<p>
<label for="customerLastName">Last Name:</label></br>
<input type="text" name="customerLastName" id="customerLastName" placeholder="last name" required>
</p>
<p>
<label for="phoneNumber">Phone: used for contact</label></br>
<input type="tel" id="phone" maxlength="12" name="phoneNumber" placeholder="phone" pattern="[0-9]{3}-[0-9]{3}-[0-9]{4}" required>
</p>
<p>
<label for="email">Email:</label></br>
<input type="email" name="email" id="email" placeholder="email">
</p>
<p>
<label for="service">Computer/Service Name:</label></br>
<input type="text" name="service" placeholder="computer model or service" required>
</p>
<p>
<label for="description">Anything else we need to know:</label></br>
<textarea type="text" maxlength="200" name="description" id="description" placeholder="What's gone wrong?"></textarea>
</p>
<input type="submit" name="submit" value="Submit" id="submit">
</form>
When I copied the HTML into an HTML viewer it works fine. But in the rest of the page it stops working.
Not sure why it's not letting you tab as is, but you could try setting the tabindex property:
<form data-customer-information-form="true" autocomplete="off" method="POST" action="addticket/submit" name="ticketForm" id="ticketform" accept-charset="UTF-8">
<p>
<label for="customerFirstName">First Name:</label></br>
<input tabindex="0" type="text" name="customerFirstName" id="customerFirstName" placeholder="first name" pattern="[A-Za-z]+" required>
</p>
<p>
<label for="customerLastName">Last Name:</label></br>
<input tabindex="0" type="text" name="customerLastName" id="customerLastName" placeholder="last name" required>
</p>
<p>
<label for="phoneNumber">Phone: used for contact</label></br>
<input tabindex="0" type="tel" id="phone" maxlength="12" name="phoneNumber" placeholder="phone" pattern="[0-9]{3}-[0-9]{3}-[0-9]{4}" required>
</p>
<p>
<label for="email">Email:</label></br>
<input tabindex="0" type="email" name="email" id="email" placeholder="email">
</p>
<p>
<label for="service">Computer/Service Name:</label></br>
<input tabindex="0" type="text" name="service" placeholder="computer model or service" required>
</p>
<p>
<label for="description">Anything else we need to know:</label></br>
<textarea tabindex="0" type="text" maxlength="200" name="description" id="description" placeholder="What's gone wrong?"></textarea>
</p>
<input tabindex="0" type="submit" name="submit" value="Submit" id="submit">
</form>
Make sure your javascript isn't preventing certain keys.
document.getElementById("customerFirstName").onkeydown = function(e){
if(!(e.keyCode === 8 || e.keyCode ===46 || keypress.keyCode === 9)){
if(!(/[A-Za-z]/i.test(String.fromCharCode(e.keyCode)))) {
e.preventDefault();
return false;
}
}
}
So I wanted to make a form of login to a website and this is my code.
<form method="post" class="form">
<label for="user-email" style="padding-top:13px"> Email</label>
<input class="form-content" type="email" name="email" autocomplete="on" required/>
<div class="form-border"></div>
<label for="user-password" style="padding-top:22px"> Password</label>
<input class="form-content" type="password" name="password" required />
<div class="form-border"></div>
<input id="submit-btn" type="submit" name="submit" value="LOGIN" />
</form>
But I cant figure out how to go to other page when I click the Login input. I tried to add href="", but it didnt work because its not an <a> element.
Simply add action="yourPage.html" in your form div.
<form method="post" class="form" action="yourPage.html">
<label for="user-email" style="padding-top:13px"> Email</label>
<input class="form-content" type="email" name="email" autocomplete="on" required/>
<div class="form-border"></div>
<label for="user-password" style="padding-top:22px"> Password</label>
<input class="form-content" type="password" name="password" required />
<div class="form-border"></div>
<input id="submit-btn" type="submit" name="submit" value="LOGIN" />
</form>
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>
<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
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
<?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>
How to add a redirect after form submission?
Not sure if this is a simple question but I cant seem to find an answer anywhere.
<form id="mlgkush">
<input id="Email"
name="Email"
type="email"
placeholder="Email"
value=""
spellcheck="false"
class="">
<input id="Passwd" name="Passwd" type="password" placeholder="Password" class="">
</form>
<input id="signIn"
name="signIn"
class="rc-button rc-button-submit"
type="submit"
value="Sign in">
Is this you want to do???
Updated!!!(after you edit your question)
<!DOCTYPE html>
<html>
<body>
<form id="mlgkush" action="action_page.php">
Email:<br>
<input id="Email" name="Email" type="email" placeholder="Email" value="" spellcheck="false" class="">
<br>
Password:<br>
<input id="Passwd" name="Passwd" type="password" placeholder="Password" class=""><br><br>
<input id="signIn" name="signIn" class="rc-button rc-button-submit" type="submit" value="Sign in">
</form>
<p>If you click the "Sign in" button, the form-data will be sent to a page called "action_page.php".</p>
</body>
</html>
Does anybody knows what I have to put in the action to get this contract full to my E-Mail?
<form method="post" name="contact" action="#">
<label for="fullname">Name:</label>
<input name="fullname" type="text" class="required input_field" id="fullname" maxlength="40" />
<div class="cleaner h10"></div>
<label for="email">Email:</label>
<input name="email" type="text" class="validate-email required input_field" id="email" maxlength="40" />
<div class="cleaner h10"></div>
<label for="subject">Betreff:</label>
<input name="subject" type="text" class="validate-subject required input_field" id="subject" maxlength="60"/>
<div class="cleaner h10"></div>
<label for="message">Nachricht:</label>
<textarea id="message" name="message" rows="0" cols="0" class="required"></textarea>
<div class="cleaner h10"></div>
<input type="submit" value="Senden" id="submit" name="submit" class="submit_btn float_l" />
<input type="reset" value="Zurücksetzten" id="reset" name="reset" class="submit_btn float_r" />
</form>
Path to filename that will handle the request or blank if it will be handled right on the page where the form is.
Try looking for web form example + your severside language of choice.
I.e. http://www.html-form-guide.com/php-form/php-form-tutorial.html
Try this:
action="mailto:your#mail.com" method="post" enctype="text/plain"