0 Html Forms and Input

HTML forms are used to select different kinds of user input.

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

tag.

<form>
<input>
</input>
</form>

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

Text fields

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

<form>
First name:
<input type="text" name="firstname">
<br>
Last name:
<input type="text" name="Lastname">
</form>

How it looks in browser:




First name:



Last name:



Note that the form itself is not visible.Also that in most browsers, the width of the text field is 20 characters by default.

Radio buttons

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

<form>

<input type="radio" name="sex" value="male">Male
<input type="radio" name="sex" value="female">Female
</form>

How it looks in browser

Male
Female

Note that only one option can be chosen


Check Boxes

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

<form>
<input type="checkbox" name="bike">bike
<input type="checkbox" name="car">car
</form>



How it looks in browser

i have a bike
i have a car