HTML Forms and Input Examples on this page.

HTML Text Fields
HTML Password Field
HTML Checkboxes
HTML Radio Buttons
HTML Simple Drop Down List
HTML Drop-Down List with a Preselected Value
HTML Textarea
HTML Button
HTML Form Border
HTML Form with Text Fields and a Submit Button
HTML Form with Checkboxes and a Submit Button
HTML Form with Radiobuttons and a Submit Button
HTML Sending Email From a Form


Examples of HTML Text Fields
<form action=""> First name: <input type="text" name="firstname" /> Last name: <input type="text" name="surname" /> <closeform></closeform></form>	First name: Last name:



Examples of HTML Password Field
<form action=""> Username: <input type="text" name="Login" /> Password: <input type="password" name="Password" /> <closeform></closeform></form> <p><b>Note:</b> The characters in a password field are masked.</p>	Username: Password: Note: The characters in a password field are masked.

Examples of HTML Checkboxes
<form action=""> <input type="checkbox" name="Fruits" value="Orange" /> I like to eat orange <input type="checkbox" name="Fruits" value="Apple" /> I like to eat apple <closeform></closeform></form>	I like to eat orange I like to eat apple



Examples of HTML Radio Buttons
<form action=""> <input type="radio" name="sex" value="male" /> Male <input type="radio" name="sex" value="female" /> Female <closeform></closeform></form>	Male Female

Examples of HTML Simple Drop Down List
<form action=""> <select name="fruits"> <option value="Orange">Orange</option> <option value="Mango">Mango</option> <option value="Apple">Apple</option> <option value="Banana">Banana</option> </select> <closeform></closeform></form>

HTML Drop-Down List with a Preselected Value
<form action=""> <select name="fruits"> <option value="Orange">Orange</option> <option value="Mango">Mango</option> <option value="Apple" selected="selected">Apple</option> <option value="Banana">Banana</option> </select> <closeform></closeform></form>

Examples of HTML Textarea
<textarea rows="3" cols="40"> Welcome to my webpage	Welcome to my webpage

Examples of HTML Button
<form action=""> <input type="button" value="Welcome"> <closeform></closeform></form>

Examples of HTML Form Border
<form action=""> <fieldset> <legend>Personal Information:</legend> Name: <input type="text" size="30" /><br /> E-mail: <input type="text" size="30" /><br /> Date of birth: <input type="text" size="10" /> </fieldset> <closeform></closeform></form>	Personal Information: Name: E-mail: Date of birth:



Examples of HTML Form with Text Fields and a Submit Button
<form name="input" action="html_form_action.asp" method="get"> First name: <input type="text" name="Name" value="Mickey" /><br /> Last name: <input type="text" name="Country" value="America" /><br /> <input type="submit" value="Submit" /> <closeform></closeform></form> <p>If you click the "Submit" button, the data of the form will be sent to a page called "html_form_action.asp".</p>	First name: Last name: If you click the "Submit" button, the data of the form will be sent to a page called "html_form_action.asp".

Examples of HTML Form with Checkboxes and a Submit Button
<form name="input" action="html_form_action.asp" method="get"> <input type="checkbox" name="fruits" value="Orange" /> I have a bike<br /> <input type="checkbox" name="fruits" value="Mango" /> I have a car <br /><br /> <input type="submit" value="Submit" /> <closeform></closeform></form> <p>If you click the "Submit" button, the data of the form will be sent to a page called "html_form_action.asp".</p>	I have a bike I have a car If you click the "Submit" button, the data of the form will be sent to a page called "html_form_action.asp".

Examples of HTML Form with Radiobuttons and a Submit Button
<form name="input" action="html_form_action.asp" method="get"> <input type="radio" name="sex" value="male" /> Male<br /> <input type="radio" name="sex" value="female" /> Female<br /> <input type="submit" value="Submit" /> <closeform></closeform></form> <p>If you click the "Submit" button, the data of the form will be sent to a page called "html_form_action.asp".</p>	Male Female If you click the "Submit" button, the data of the form will be sent to a page called "html_form_action.asp".

Examples of HTML Sending Email From a Form
<h1>Send e-mail to contact@examplesof.com:</h1> <form action="MAILTO:contact@examplesof.com" method="post" enctype="text/plain"> Name:<br /> <input type="text" name="name" value="your name" /><br /> E-mail:<br /> <input type="text" name="mail" value="your email" /><br /> Comment:<br /> <input type="text" name="Suggestions" value="your suggestion" size="50" /> <br /><br /> <input type="submit" value="Send"> <input type="reset" value="Reset"> <closeform></closeform></form>	Send e-mail to contact@examplesof.com: Name: E-mail: Comment:

Popular Examples

HTML Forms and Input Examples on this page.

Send e-mail to contact@examplesof.com: