Skip to main content

Inserting a Form

In this page, you will learn how to create a form.

About Form

Form is used to create sign-up datas that you may access. It consists of edit fields, radio button and checkbox.

Creating a Form

In creating a form, the <form> tag is used. The <form> tag will tell the browser/s that it is a form.

The following list below is the attributes that are being used in a form.:

input type:
This attribute is used for edit fields. In a type attribute, it includes the type of an edit field, for example: if you have the label of password, the input type will be password.

Password
radio
checkbox
name

<label> tag:
Label tag is used for labels. Label is needed so that the user will know what is that edit field for. It also has its close <label> tag.
textarea tag:
This tag is used for text area. This edit fields is used for long texts such as address or e-mail messeges. It also has its close </textarea> tag.
<select; tag:
This tag is used for selecting item. This is also called as combo box. It also has a close </select> tag.

Codes

Here, you will see the corresponding syntax for the form.

First name:
Codes: <label form="firstName">first Name:
<input type="text" name="firstName" size="25" maxlength="25"></label>
Address: text area Codes:
<label form="address">
<textarea cols="60" rows="40"></textarea></label>

These are some attributes that are used to make a form or an edit field.

Sample

Here is a sample form. This form consists of attributes that are said above.

Try It

If you want to try what you have learned in this page, open a notepad and perform them.

In saving the file, always put ".htm" as the file extention or else it will just be saved as plane text file.
Make sure that the "file subtype" in the dialog box is set as "all files".
Set the encoding to "utf - 8".