Home / Html Learning / Html Forms Part1 tutorial 2/8

Html Forms Part1 tutorial 2/8

02:37:00 Html Learning

Definition and Usage

The <form> tag is used to create an HTML form for user input. The form basically not show directly. Forms tag helps to make the field dynamic. For create dynamic website must know the Form tag.

Code	Name	Description
<html> <body> <form action=""> First name: <input name="firstname" type="text" /><br /> Last name: <input name="lastname" type="text" /> </form> <b>Note:</b> The form itself is not visible. Also note that the default width of a text field is 20 characters.<br /> </body> </html>	Create text fields	First name: Last name: Note: The form itself is not visible. Also note that the default width of a text field is 20 characters
<!DOCTYPE html> <html> <body> <form action=""> Username: <input type="text" name="user"><br> Password: <input type="password" name="password"> </form> <p> <b>Note:</b> The characters in a password field are masked (shown as asterisks or circles).</p> </body> </html>	Create password field	Username: Password: Note: The characters in a password field are masked (shown as asterisks or circles).
<!DOCTYPE html> <html> <body> <form action=""> <input type="checkbox" name="vehicle" value="Bike">I have a bike<br> <input type="checkbox" name="vehicle" value="Car">I have a car </form> </body> </html>	Checkboxeces	I have a bike I have a car
<!DOCTYPE html> <html> <body> <form action=""> <input type="radio" name="sex" value="male">Male<br> <input type="radio" name="sex" value="female">Female </form> <p> <b>Note:</b> When a user clicks on a radio-button, it becomes checked, and all other radio-buttons with equal name become unchecked.</p> </body> </html>	Radio buttons	Male Female Note: When a user clicks on a radio-button, it becomes checked, and all other radio-buttons with equal name become unchecked.
<!DOCTYPE html> <html> <body> <form action=""> <select name="cars"> <option value="volvo">Volvo</option> <option value="saab">Saab</option> <option value="fiat">Fiat</option> <option value="audi">Audi</option> </select> </form> </body> </html>	Simple drop-down list
<form action=""> <select name="cars"> <option value="volvo">Volvo</option> <option value="saab">Saab</option> <option value="fiat" selected>Fiat</option> <option value="audi">Audi</option> </select> </form>	Drop-down list with a pre-selected value

Html Forms Part1 tutorial 2/8

Html Forms Part1 tutorial 2/8

Reviewed by Abdul hanan on 02:37:00 Rating: 5

No comments:

Subscribe to: Post Comments ( Atom )