How To Make An Order Form For A Website

Table of contents:

How To Make An Order Form For A Website
How To Make An Order Form For A Website

Video: How To Make An Order Form For A Website

Video: How To Make An Order Form For A Website
Video: How To Create A Simple WordPress Order Form (Step By Step) 2024, April
Anonim

Placing an order form on the site is very effective. With this form, visitors do not have to wait until the working day to buy goods or order services. In addition, if the data from the form will be sent by email, you do not need to write a script to process the order data on the server. You can create an order form for your site using the HTML (HyperText Markup Language) markup language.

How to make an order form for a website
How to make an order form for a website

Instructions

Step 1

Start your text editor and create a new page. Place the cursor between the tags where you want to position the form on the page.

Step 2

Enter a start tag with the method attribute set to "post". In addition, add an action attribute consisting of "mailto" and the email address to which the results of the form will be sent. For example:

Step 3

Enter a name for the form element, for example, "Your name".

Step 4

Type a tag and enter inside the tag to create a text box. Enter the name attribute and assign any value of your choice to identify this information when it is sent to you. Finally, a value for the value attribute, such as "Enter your name", will prompt users to fill out a specific part of the form. For example:

Step 5

Repeat the process from step 4, but this time enter to create a button that the visitor clicks to choose between the two options. Also, add the appropriate value attributes. For example, like this:

(Cash payment)

(Payment by credit card)

Step 6

Enter another element and set type to "checkbox" to allow users to check more than one option on the order form. For example:

(Contact me when the order is shipped)

(Subscribe to newsletter)

Step 7

Create a "Submit" button by typing the tag and type equal to "submit", value set to "Submit". Also, in another tag, make the button "Reset" by setting type to "reset" and value to "Reset". For example, like this:

The "Submit" button is for submitting data, and the "Reset" button is for clearing the form, if required.

Step 8

Enter an end tag to complete the form. Save the page.

Recommended: