Hi,

 

As you can see on my test website:

 

• https://bostonrowingclub.blacklabelhost.com

 

I have a contact form for emails at the bottom of the homepage. How can I make it so when the submit button is pressed it brings up this?

 

• http://prntscr.com/gg8ay3

 

Here's my HTML for it:

	<footer class="footer" id="FOOTER">
		<h3 style="margin-left:445px; margin-bottom:-80px; margin-top:0px; font-weight:700;">CONTACT US</h3>
		<img alt="img" src="images/misc/1.png" style="margin-left:515px; margin-top:100px; margin-bottom:-75px;">

		<div class="container">
			<div class="footer-middle">
				<div class="row">
					<div class="col-md-6">
						<form class="subscribe-form">
							<input name="email" placeholder="E-mail address" type="email"> <input class="btn-common contact-btn" type="submit" value="SUBMIT"> <!-- WORKING ON IT. --> <!-- <a href="mailto:bostonrowingclub@gmail.com?subject=Enquiry%20from%20the%20Website.&body=To%20whom%20it%20may%20concern," -->
						</form>
					</div>

This is urgent,

 

Lewis.

Edited September 2, 20179 yr by Louwwieee42

Why would you have a contact form that opens your email client? The point of having a form is that you don't have to have other email software available to send something. Anyway it would be easier to make the submit button a styled href so you can use mailto links.

<a href="mailto:test@test.com?subject=Your subject" title="">Submit</a>

You will also need to bind the value from your text input to the email subject using JS.

I recommend putting in an actual form instead, you can't do any validation on this and non-escaped special characters will likely stop the link from working.

Resolved.