1. Plugin for creating online forms "jFormer"
Creation of contact forms: feedback, comments, login form, registration form with checking the correctness of the information entered.
2. Step by step registration form using jQuery
A neat form with step-by-step filling. Below is a form fill indicator.
3. Step by step form
Filling out the form in several steps and checking the correctness of the filling.
4. Contact form for the site
Validation of the correctness of the input of information is carried out "on the fly" before sending the message using javascript.
5. Animated switching between forms using jQuery
Animated jQuery toggle between site login, registration, and password recovery fields. On the demo page, click on the yellow link to see the effect.
6. PHP checkout form
A similar solution can be used to give a visitor the ability to quickly contact the site owner from any page. On the demo page, click on the arrow below to slide out the form.
7. PHP registration form using jQuery and CSS3
Form with verification of the correctness of the input of information.
8. PHP Facebook-style registration form
Nice registration form implemented with CSS, PHP and jQuery.
9. jQuery "SheepIt" Contact Form
The ability to add new fields before sending a message has been implemented.
10. Contact form "Fancy AJAX Contact Form"
Cute neat PHP form feedback with checking the correctness of the input of information. Technologies: CSS, PHP, jQuery.
11. System of authorization / registration on the site
12. Data submission form
Checking the correctness of filling.
13. jQuery "Contactable" plugin
To implement a checkout form to quickly send a message.
Greetings to my readers, I have gained experience and I will tell you about the principles of the php feedback form. I'll show you with illustrative examples so that you understand how everything works and how the interaction between the input form itself (its input fields) and the handler file written in php takes place. In addition, you can download the sources for free along with.
Of course, it will be great if you know a little about HTML / CSS. By analogy, you will have to drag the code onto your page. We will not touch the PHP language, I will show all the necessary edits that need to be done for myself.
UPDATE: According to the responses of readers, I realized that you need something more beautiful and functional, meet, read and see. Choose which one you like best)
UPDATE2: Version 3.0 Responsive Landing Page + ajax form with passing UTM tags, read and see. You'll like it
I remembered myself when I first tried to make my own feedback form in php, and to be honest, it was laborious, because did not understand what was happening and how. Patience and perseverance are friends and you will succeed.
Php feedback form - structure
We will study the analysis of the feedback form itself using the example of a landing page (Landing Page), by the way, there is a separate article on. You can see how it works in action using the buttons below, I attach the sources of this one-page page and the main file of the handler-php (this file will process and send a letter to email)
After downloading the sources and unpacking the archive, you will see the following file structure:
- image - all images that are used for the Landing Page itself, buttons, etc.
- js - javascript scripts that provide, for example, a popup modal on the page and other visual effects
- index.html - the index file of our one page
- index1.php - a handler file to which the values from the form are passed, then a letter is formed from the received variables and sent to the specified email address. Also, index1.php will act as an intermediate page for notification of successful data submission with automatic redirection back to index.html (i.e. our one-page page)
It is important that your hosting, on which the site files are located, supports php processing, otherwise the index1.php file will not be executed and will not work. To clarify this nuance, contact the campaign where your hosting is registered or just test it - it works, it means there is support. If not, enable php language support option
Take a look at how all elements interact (page, form, handler)
The source code of the form call and handler
Let's take a look at the operation of one of the buttons, which invokes a modal pop-up window, which contains a feedback form. This given source- this is more than one, two inserted on the page and it will work, you yourself have to customize it to your design and needs.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 | Request a call back
Request a call back
|
Request a call back
Below is the full source code of the index1.php handler, in order to set up sending to your mailbox, change " [email protected]»On your own, the rest can in principle be left unchanged
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 | "; // from whom $ send = mail ($ address, $ sub, $ mes," Content-type: text / plain; charset = utf-8 \ r \ nFrom: $ email "); ini_set (" short_open_tag ", "On"); header ("Refresh: 3; URL = index.html");?>
|