Checkboxes & Radio Buttons

Radio Buttons and Check boxes are one of the most common type given to Input tags. These are mostly used in forms and other form related areas. Actually Radio buttons are graphical icons representing one of the set of items. Out of this set of items only one item can be selected at once.

Checkbox_1

Checkbox 1

On the other hand, Checkbox as shown in figure above are defined as a graphical control element, which allows users to make binary selections. This exactly means a choice between one of two possible mutually exclusive options. Checkboxes are often shown on the screen as a square box as shown in above image. These checkboxes are used to make multiple selections.

     

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.

     

Basic Bubble Slider

Something that is now days most widely used in forms, in eCommerce websites and in many more sections of a web page. This is a basic Slider. If you surf the web, you’ll probably see that more and more websites have a slider that rotates images and text and usually at the top of the home page, while in E-Commerce it is used to set a particular range that we want. In technical term, a slider is defined as a Track Point. It is a graphical control element with which a user may set a value by moving an indicator, usually in a horizontal or sometimes in vertical fashion.