Jump to content

HTML contact form


Sunamena

Recommended Posts

I am not sure wether to post this at Javascript, PHP or HTML, but i want to create a simple form but it does not work at all.


Quite simple what one needs to do is.

Name: (box)
E-mail adress: (box) (REQUIRED)


Specify the issue
(BOX)
Option one
Option two
...
Option six
(/BOX)
Note: They can only select one.
Message: (Box)
SEND (button)
When they click on send the information is send to an e-mail adress.
Afterwards, i want to give an: "E-mail send succesfull." message. You get the idea. How can I do this?
I tried many things, but failed.
I am gratefull and already thank you in advance for the reply =D
  • Like 1
Link to comment
Share on other sites

This is what the code currently looks like, i do not yet know how to give a message that says that it is succesfull tough


Here goes:


<h1>Contact!</h1>
<p>
<form
method="post"
action="mailto:support@nimblefeather.com"
enctype="text/plain">
<p>Name:
<input type="text" name="name" >
</p>
<label>* E-mailadres:
<input type="email" name="e-mailadres" required
placeholder="Required.">
</label>
<p><br>Specify the issue:<br>
<select name="locatie" size="6">
<option value="Bug-Report" selected> Bug Report </option>
<option value="Volunteer"> I want to add my comic here </option>
<option value="Report-inapropriate-material"> Report inapropriate material </option>
<option value="Copyright-inquiry"> Copyright inquiry </option>
<option value="Advise"> Advise </option>
<option value="Other"> Other </option>
</select>
</p>
<br><br>
<p>Message: <br>
<textarea name="opm" rows="4" cols="40">
</textarea>
</p>
<p>
<input type="reset" value="reset" >
<input type="submit" value="verzenden" >
</p>
</form>
</p>
Edited by Sunamena
  • Like 1
Link to comment
Share on other sites

You can have an onsubmit event in Javascript attached to the form. When the form submits you can add a message to the page.

 

This is a mailto form, though, so Javascript can't really know if and when the user actually sent the e-mail from their mail client.

Link to comment
Share on other sites

  • 2 weeks later...

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...