Javatpoint Logo
Javatpoint Logo

HTML Form

An HTML form is a section of a document which contains controls such as text fields, password fields, checkboxes, radio buttons, submit button, menus etc.

An HTML form facilitates the user to enter data that is to be sent to the server for processing.


Why use HTML Form

HTML forms are required if you want to collect some data from of the site visitor.

For example: If a user want to purchase some items on internet, he/she must fill the form such as shipping address and credit/debit card details so that item can be sent to the given address.


HTML Form Syntax


HTML Form Tags

Let's see the list of HTML 5 form tags.

TagDescription
<form>It defines an HTML form to enter inputs by the used side.
<input>It defines an input control.
<textarea>It defines a multi-line input control.
<label>It defines a label for an input element.
<fieldset>It groups the related element in a form.
<legend>It defines a caption for a <fieldset> element.
<select>It defines a drop-down list.
<optgroup>It defines a group of related options in a drop-down list.
<option>It defines an option in a drop-down list.
<button>It defines a clickable button.

HTML 5 Form Tags

Let's see the list of HTML 5 form tags.

TagDescription
<datalist>It specifies a list of pre-defined options for input control.
<keygen>It defines a key-pair generator field for forms.
<output>It defines the result of a calculation.

HTML TextField Control

The type="text" attribute of input tag creates textfield control also known as single line textfield control. The name attribute is optional, but it is required for the server side component such as JSP, ASP, PHP etc.


Label Tag in Form

It is considered better to have label in form. As it makes the code parser/browser/user friendly.

If you click on the label tag, it will focus on the text control. To do so, you need to have for attribute in label tag that must be same as id attribute of input tag.


HTML Password Field Control

The password is not visible to the user in password field control.


HTML 5 Email Field Control

The email field in new in HTML 5. It validates the text for correct email address. You must use @ and . in this field.


Radio Button Control

The radio button is used to select one from multiple options. It is used in gender, quiz questions etc.

If you use one name for all the radio buttons, only one radio button can be selected at a time.


Checkbox Control

The checkbox control is used to check multiple options from given checkboxes.


HTML Form Example

Let's see a simple example of creating HTML form.

Test it Now

Supporting Browsers

Elementchrome browser Chromeie browser IEfirefox browser Firefoxopera browser Operasafari browser Safari
<form>YesYesYesYesYes
Next TopicMarquee in HTML




Please Share

facebook twitter google plus pinterest tumbler

Learn Latest Tutorials