HTML Forms Examples

Related:
• HTML Forms Tutorial
• About The Form Tag
• All HTML Examples

This page contains examples of HTML forms - examples of form-specific code that you can use for your own website.

To use the code, copy it straight from the text box and paste it into your own website. Feel free to modify it as required.

Description	Code	Result
Basic Form Tags (insert all form elements between these tags)	<!-- HTML codes by Quackit.com --> <form> (Insert form elements here) </form>	(Insert form elements here)
Text Input	<!-- HTML codes by Quackit.com --> <input type="text" size="30" value="Type something..." />
Text Area	<!-- HTML codes by Quackit.com --> <textarea style="width:150px;height:80px;">Type something</textarea>	Type something
Radio Buttons	<!-- HTML codes by Quackit.com --> <input type="radio" name="cheat_sheet_example" value="Option1" /> Option 1 <input type="radio" name="cheat_sheet_example" value="Option2" /> Option 2	Option 1 Option 2
Checkboxes	<!-- HTML codes by Quackit.com --> <input type="checkbox" name="cheat_sheet_example" value="Option1" /> Option 1 <input type="checkbox" name="cheat_sheet_example" value="Option2" /> Option 2	Option 1 Option 2
Select List	<!-- HTML codes by Quackit.com --> <select name="cheat_sheet_example"><option value="Option1">Option 1<option value="Option2">Option 2<option value="Option3">Option 3</select>
Submit Button	<!-- HTML codes by Quackit.com --> <input type="submit" value="Send Away!" />
Image Button	<!-- HTML codes by Quackit.com --> <input type="image" src="/pix/smile.gif" />
Textarea with Background Image	<!-- HTML codes by Quackit.com --> <form action="/html/tags/html_form_tag_action.cfm" method="post"> <textarea name="comments" id="comments" style="width:220px;height:148px;font:30px/40px cursive;color:#ffffff; background:url('http://www.quackit.com/pix/milford_sound/milford_sound_t.jpg');"> Enter your comments here... </textarea><br> <input type="submit" value="Submit"> </form>	Enter your comments here...
Fieldset	<!-- HTML codes by Quackit.com --> <fieldset> <legend>Enter Legend/Heading Here...</legend> (related form elements go here) </fieldset>	Enter Legend/Heading Here... (related form elements go here)
Example Form (with fieldset)	<!-- HTML codes by Quackit.com --> <form action="/html/tags/html_form_tag_action.cfm" method="post"> <fieldset> <legend><b>Name Details</b></legend> Favorite Name: <input type="text" /><br /> Current Name: <input type="text" /><br /> Your Next Name: <input type="text" /><br /> </fieldset> <fieldset> <legend><b>Address Details</b></legend> Your Address: <select name="address"><option value="Earth">Earth<option value="Moon">Moon<option value="Other">Other</select><br /> Like It? <input type="radio" name="like_address" value="Yes" /> Yes <input type="radio" name="like_address" value="No" /> No </fieldset> <input type="submit" value="Send Away!" /> </form>	Name Details Favorite Name: Current Name: Your Next Name: Address Details Your Address: Like It? Yes No

HTML

HTML Forms Examples

Enjoy this website?

ABOUT

HTML/MARKUP

CSS & DESIGN

SCRIPTING

DATABASE

WEB HOSTING