Hey'o mates!

I'm looking for a responsive contact form template to use in my website.

Can you guys give me some tips?

 

Thanks in advance!

 

Aeneas

Here is a tutorial for you: http://www.onextrapixel.com/2013/01/18/creating-an-html5-responsive-ready-contact-form-with-javascript-detection/

 

It will be worth digging into responsive design, just so you grasp the concept. There's not such thing as a "responsive" contact form on its own, you should build the whole site to be responsive. You will understand what I mean, when you learn more about how responsive design works.

There are plenty of tutorials and info in Google, here are a few to give you an idea:

http://www.creativebloq.com/netmag/16-really-useful-responsive-design-tutorials-71410085

 

hth

Here is a tutorial for you: http://www.onextrapixel.com/2013/01/18/creating-an-html5-responsive-ready-contact-form-with-javascript-detection/

 

It will be worth digging into responsive design, just so you grasp the concept. There's not such thing as a "responsive" contact form on its own, you should build the whole site to be responsive. You will understand what I mean, when you learn more about how responsive design works.

There are plenty of tutorials and info in Google, here are a few to give you an idea:

http://www.creativebloq.com/netmag/16-really-useful-responsive-design-tutorials-71410085

 

hth

Thank you, I followed the guide and this is the result: http://daveco.se/build2/kontakt.html

 

But, how should I do in order to make the form send the messages to my mail? I don't understand, can you please explain?

I'm sorry for being such a noob

No worries

That's a bit complicated for a beginner, though. You need PHP (or other server side language) to send the form contents to your email.

 

If you want to understand how that works, here is a simple tutorial on how to build a basic contact form with PHP - http://www.1stwebdesigner.com/tutorials/custom-php-contact-forms/

If you prefer to follow it, you could skip the HTML part (as you already have your own HTML/CSS styling) and add the php tags to the relevant fields.

Or you can download the form files (top of the post) and customise it.

 

Hope that helps

Use "templatemo_417_grill" HTML5 BOOTSTRAP template for responsive contact form.

<form>
First name: <input type="text" name="firstname"><br>
Last name: <input type="text" name="lastname">
</form>

 

visit our www.w3school.com