FREE Hosting!
With every domain you register with ZappyHost you get FREE hosting.

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

Enjoy this website?

Add this page to your Favorites
Link to this page (copy/paste into your own website or blog):
<a href="http://www.quackit.com/html/examples/html_forms_examples.cfm">HTML Forms Examples</a> from Quackit.com
Help support Quackit by making a donation

Oh, and thank you for supporting Quackit!

Need Website Content?
Get unique, quality digital content for your website.

270+ Website Templates
800+ Flash Templates
25,000+ Images, Logos
30,000+ e-Books
15,000+ Scripts
27,000+ Animated GIFs
21,000+ Ringtones
...and much more!

Get your content now!

HTML

HTML Forms Examples

Enjoy this website?

ABOUT

HTML/MARKUP

CSS & DESIGN

SCRIPTING

DATABASE

WEB HOSTING