Made with HTML, CSS, JavaScript & PHP - Fully customizable
Learn how to create your own custom responsive form with this tutorial. It is very easy!
For this tutorial, we’ll be using our contact form script, so you will already have professional anti-spam features in your form. You can repeat the steps as often as you like and add as many fields to your contact form as needed. It is very easy to add more input fields, selectboxes, and checkboxes - you only have to follow the steps described in our contact form tutorial!
Use our contact form as a basis to create a custom responsive form of your own!
Download a suitable contact form (incl. template) from the download page!
Install the contact form on your website.
Select the template you want to edit by clicking on the link "Tutorials: Contact Form – Template *" in the next section (scroll down).
Follow our step-by-step instructions to add a selectbox, checkbox, or another input field. It is best to use an editor (e.g. Notepad2) to edit the contact.php file. On the FAQ page, you will find answers to questions about layout or technical issues.
Advanced Version
Spam protection: Security code on/off | Security question on/off (» 5 more options!)
Data protection: Privacy policy on/off
Error messages (Design): Standard | HTML5
File attachment: Upload function on/off
Send copy: With consent | Without consent | Do not send a copy
Advanced Version
Spam protection: Security code on/off | Security question on/off (» 5 more options!)
Data protection: Privacy policy on/off
Error messages (Design): Standard | HTML5
File attachment: Upload function on/off
Send copy: With consent | Without consent | Do not send a copy
Advanced Version
Spam protection: Security code on/off | Security question on/off (» 5 more options!)
Data protection: Privacy policy on/off
Error messages (Design): Standard | HTML5
File attachment: Upload function on/off
Send copy: With consent | Without consent | Do not send a copy
Advanced Version
Spam protection: Security code on/off | Security question on/off (» 5 more options!)
Data protection: Privacy policy on/off
Error messages (Design): Standard | HTML5
File attachment: Upload function on/off
Send copy: With consent | Without consent | Do not send a copy
Advanced Version
Spam protection: Security code on/off | Security question on/off (» 5 more options!)
Data protection: Privacy policy on/off
Error messages (Design): Standard | HTML5
File attachment: Upload function on/off
Send copy: With consent | Without consent | Do not send a copy
Advanced Version
Spam protection: Security code on/off | Security question on/off (» 5 more options!)
Data protection: Privacy policy on/off
Error messages (Design): Standard | HTML5
File attachment: Upload function on/off
Send copy: With consent | Without consent | Do not send a copy
Advanced Version
Spam protection: Security code on/off | Security question on/off (» 5 more options!)
Data protection: Privacy policy on/off
Error messages (Design): Standard | HTML5
File attachment: Upload function on/off
Send copy: With consent | Without consent | Do not send a copy
Advanced Version
Spam protection: Security code on/off | Security question on/off (» 5 more options!)
Data protection: Privacy policy on/off
Error messages (Design): Standard | HTML5
File attachment: Upload function on/off
Send copy: With consent | Without consent | Do not send a copy
Advanced Version
Spam protection: Security code on/off | Security question on/off (» 5 more options!)
Data protection: Privacy policy on/off
Error messages (Design): Standard | HTML5
File attachment: Upload function on/off
Send copy: With consent | Without consent | Do not send a copy
Advanced Version
Spam protection: Security code on/off | Security question on/off (» 5 more options!)
Data protection: Privacy policy on/off
Error messages (Design): Standard | HTML5
File attachment: Upload function on/off
Send copy: With consent | Without consent | Do not send a copy
Advanced Version
Spam protection: Security code on/off | Security question on/off (» 5 more options!)
Data protection: Privacy policy on/off
Error messages (Design): Standard | HTML5
File attachment: Upload function on/off
Send copy: With consent | Without consent | Do not send a copy
Advanced Version
Spam protection: Security code on/off | Security question on/off (» 5 more options!)
Data protection: Privacy policy on/off
Error messages (Design): Standard | HTML5
File attachment: Upload function on/off
Send copy: With consent | Without consent | Do not send a copy