Order Forms

Hi folks! I am back with another interesting post for you. You guys have been surfing on lot of eCommerce Websites these days.

Sample Order Form

Sample Order Form

The above sample image gives an actual idea of a sample order form. This is a snapshot taken from our demo file. This Order form is deigned using table structure. Product Name, Quantity, Unit Price and Totals are defined in separate columns. At the bottom of the table we have created a Input bar containing Product Subtotal. We have also mentioned total quantity into shipping rates to get the Order Grand Total. Finally at bottom right, we have a submit button to submit the order which will be further processed by the server.

Now, this form is created using very basic HTML and its Table and Form elements, CSS. We have also used jquery and one of its plugin named Order.js. The CSS Styling has been done in another External Stylesheet. The table element is wrapped inside a div element.

     

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s