Home

Table of
Contents


Editors

Tags

Text
Formatting


Entities

Links

Frames

Tables

Lists

Forms

Images

Backgrounds

 


Forms

A form is an area that can contain form elements.
Form elements are elements that allow the user to enter information (like text fields, textarea fields, drop-down menus, radio buttons, checkboxes, etc.) in a form.
A form is defined with the <form> tag.

Input

The most used form tag is the <input> tag. The type of input is specified with the type attribute. The most commonly used input types are explained below.

Checkboxes

Checkboxes are used when you want the user to select one or more options of a limited number of choices.

Text Fields

Text fields are used when you want the user to type letters, numbers, etc. in a form.

Radio Buttons

Radio Buttons are used when you want the user to select one of a limited number of choices.

Form Tags

Tags Description
<form> Defines a Form for User Input
<input> Defines a Input Field
<textarea> Defines a Text Area (a multi line text input control)
<label> Defines a Label to Control
<fieldset> Defines a Field Set
<legend> Defines a Caption for a Fieldset
<select> Defines Selectable List(a drop down box)
<optgroup> Defines an Option Group
<button> Defines a Push Button

 

Checkboxes
This example demonstrates how to create check-boxes on a HTML page. A user can select or unselect a checkbox.

Radiobuttons
This example demonstrates how to create radio-buttons on a HTML page.

Simple Drop Down Box
This example demonstrates how to create a simple drop-down box on a HTML page. A drop-down box is a selectable list.

TextArea
This example demonstrates how to create a text-area (a multi-line text input control). A user can write text in the text-area. In a text-area you can write an unlimited number of characters.

Create a Button
This example demonstrates how to create a button. On the button you can define your own text.

Fieldset around Data
This example demonstrates how to draw a border with a caption around your data.