Form Buildercreate Contact Forms Or Any Other Formal
Form Buildercreate Contact Forms Or Any Other Former
Form Buildercreate Contact Forms Or Any Other Formatting
Form Buildercreate Contact Forms Or Any Other Forms

In this guide we'll show you how to create a simple HTML contact form using easy to understand code.

One of the most useful pages of any website is the HTML contact form page. No website should be without a contact form.

Scroll down a little to see our form created using HTML for the front-end. Further down you will see the PHP code for the form processing at the back-end - this is used to take the form submissions and send it to you by email.

On the Form Settings page, select Use the default SharePoint form, and then select Delete custom form. Q: How does a customized form differ from a standalone app that I create from SharePoint or Power Apps? A: If you customize the form for a SharePoint list, the form doesn't appear as an app in Power Apps Studio or Power. A fast form maker that gets you 3x more completions. Create a form to register in style, get contact details, or to collect feedback. Our form builder is easy-to-use, free to get started with, and integrates with your favorite tools.

Index of this page:

The form shown below is a 'bare-bone' version only, however, if you want to look at a fuller version, please download our free contact form

Already have a form and need some help?

We offer installation, upgrades, fixes, and customisations. Get in touch to see how we can help.

Form created using HTML

You can copy and paste this directly into your HTML page, or use it as a basis for your contact us page.

The CSS styles to use with the HTML form above

File Name: contact-form.css (you must save using this name exactly)

The PHP Code which captures and Emails your website form

The PHP code below is very basic - it will capture the form fields specified in the HTML form above (Name, Email, and Message). The fields are then sent off to your email address in plain text.

Note: You need to edit 2 parts of the script below. You need to set your email address (this will not be available for anyone to see, it is only used by the server to send your email). You can also specify an email subject line (or just leave the one which is there).

File Name: contact-form-process.php (you must use this filename exactly)

Save the files above. Once you edit the form to fit with your design, you are ready to try it out.

How the HTML form will look

Download free contact form using the link below. This version contains many more advanced features.

Download Free Contact Form

HTML form field examples

To add new fields to your form, just copy and paste the field type you need from the examples below.
We have included a breakdown of different HTML Form tags.

HTML Form Tags

HTML website forms should be enclosed inside the FORM tags. There are various parameter options available, the most common ones are:
action - this allows you to tell the form where to go once submitted (usually the filename of a script which will read and process the form data which has been submitted).
name - it's usually a good idea to give your forms a name, this is used to uniquely identify your form on a given page.
method - the value of this should be POST or GET. Forms should usually be set to use POST (as GET will attach the form data onto the page URL which is almost always a bad idea for security reasons). There are some other methods available, but we will not discuss these here.

HTML Text Field - Single Line

This is without doubt the most common field you will find.

Text field in action

HTML Textarea (multiple lines text field )

The multi-line text field (commonly known as a textarea field) is more suitable to takes a larger block of text from your visitors. This is ideal for messages.

HTML Radio Buttons

When you want your users to pick one item from a short-list, the radio button set is ideal.

Radio button group in action

White

Green

HTML Check box fields (checkboxes)

When you want your visitors to pick one or more items from a short-list, then checkboxes are ideal.

Checkboxes in action

Oranges

Peaches

HTML File Upload Field (field selector)

Sometimes it may be good to offer your website users the option to upload a file. For this, you could use the HTML field type file. If you are using this option you also need to include an additional option to the FORM tag enctype='multipart/form-data'

HTML Password Field

If you ever need to ask your users to enter a password into a form, then you should use the special text field type password. Using this option will mask each character as the user types, allowing them to type in secret.

Password field in action

HTML drop-downs (also sometimes known as 'selects' or 'combo-boxes')

When you want your visitors to pick something from a list, you could use a drop-down list. These are sometimes known as option selects, select fields, or combo-boxes. By default only one option can be selected, however, you can allow multiple selections by including the word multiple to your select tag (this will also alter the appearance of the field).

HTML Drop-down select field in action

Select Something:

HTML Submit button

Form Buildercreate Contact Forms Or Any Other Formal

Finally, every form should allow the user the option of submitting the form data. Form submissions are usually handled by using an HTML button. The button field is an input type field (as text and password fields are), however, these special fields are of type submit. To specify the text which appears on the button, we use the value parameter to state our value (in the example below we state 'Send Form').

HTML Reset button

Occasionally you may want to allow your visitors to reset a form back to its default state. This is accomplished by using the input type of reset. As with the Submit button, you specify the button text using the value parameter. Reset buttons are not very common these days but can still be useful under certain circumstances.

Reset button field in action

Description

Form Buildercreate Contact Forms Or Any Other Former

The most advanced WordPress forms plugin. Go beyond contact forms with our drag & drop form builder for surveys, quizzes, and more.

The Most Powerful WordPress form builder plugin on the market

We built Formidable Forms to offer the “first-ever” solutions-focused WordPress form plugin on the market. You can use our drag & drop WordPress form builder plugin to create a contact form, survey, quiz, registration form, payment form, purchase, email marketing, or calculator form. Build just about anything you can imagine.

At Formidable, creating the most extendable online form builder plugin is our #1 priority. Unlike other WordPress form maker plugins, we believe in pushing the limits. We want to give you the tools to save time and create complex forms quickly!

Before we explore the features of the powerful Formidable form builder plugin, you should know that Formidable is 100% mobile responsive. Your WordPress forms will always look great on all devices (desktop, laptop, tablets, and smartphones).

Plus, we have optimized Formidable for speed and maximum server performance. We can confidently say that Formidable is one of the FASTEST WordPress form builders on the market.

Formidable Forms Pro
This form builder plugin is the free version of Formidable that comes with all the features you will ever n