webpagedeveloper

FORMS

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

Text: This is used to create single-line text boxes. The syntax to create a text box is:
<input type="text" name="text1">
Example:

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

How the HTML code above looks in a browser:
First name:
Last name:

Password: This is also a text box but it is a "*" type.The syntax to create a password field is
<input type="password" name="password>
Example:

<form>
Password: <input type="password" name="pwd" />
</form>

Browser Support

The Form tags are supported in all major browsers

How the HTML code above looks in a browser:

Textarea: This option includes rows and cols attributes, which specify the number of lines and character hold in
               the text box. The syntax to create a Textarea field is
                 <textarea rows=4 cols=30 name="textarea">

Checkbox: This option is used to select more than one option.
                   The syntax to create a Checkbox field is
                  <input type="checkbox" name="checkbox" value="HTML">
Example:

How the HTML code above looks in a browser:

I have a bike
I have a car

Radio: This option is used to select only one option of a limited number of choices.
The syntax to create a Radio field is
<input type="radio" name="radio" value="yes" checked>

Example:

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

How the HTML code above looks in a browser:

Male
Female

Submit: A submit button is used to send form data to a server.
The syntax to create a Radio field is
<input type="submit" name="submit" value="submit">
Example:

<form name="input" action="html_form_action.asp" method="get">
Username: <input type="text" name="user" />
<input type="submit" value="Submit" />
</form>

How the HTML code above looks in a browser:

Previous Next