Able Web Editor - HTML Forms

HTML Forms

Forms are included on Web Pages to accept Visitor input. A common application is the Shopping Cart. The basic Form Elements are shown below. The <input> Tag provides different types of input specified by the type Attribute. To test these Form Elements, enter information into the Text Boxes and Click on the Checkbox, Menu, and Buttons. To process the information entered into Forms, Scripting is required.

See also: Form Basics

Text Box		<input type="Text">
Password		<input type="Password">
Textarea	Textarea	<textarea> </textarea>
Checkbox	Check Item	<input type="Checkbox">
Radio Button	Button 1 Button 2	<input type="Radio">
Menu		<select> <option> Menu Item </select>
Reset		<input type="Reset">
Submit		<input type="Submit">

page 2

Form Basics

A Form on a Web Page starts with the <form> opening Tag. Tags are then included for each Form Element. The Form is terminated by a </form> closing Tag. The example below shows the Text Box Form Element repeated three times to accept different information from the Visitor.

<form name="frm_Name" action="" >
Full Name: <input type="Text" name="txtbx_Name">
<br> Street: <input type="Text" name="txtbx_Street">
<br> E-mail: <input type="Text" name="txtbx_Email">
</form>

Form Elements Aligned in a Table

Form Elements are best aligned in a Table as shown below.

Return to Top

Full Name:
Street:
E-mail: