1. Computing

Discuss in my forum

Free Web Template: Form Layout

The XHTML

By , About.com Guide

Copy the XHTML into your document. Be sure to not copy the advertisement copy that may appear within the code.

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml">
 <head>
 <title>XHTML CSS Form Layout</title>
 <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
 <link href="styles.css" rel="stylesheet" type="text/css" />
 </head>
 
 <body>
 <div id="header">
 <h1>Headline</h1>
 </div>
 <div id="nav">
 <p><a href="http://webdesign.about.com/library/layouts/bl_centeredcolumn.htm">Home</a> <a href="http://webdesign.about.com/library/layouts/bl_layouts.htm">XHTML
 CSS Layout Templates</a> <a href="http://webdesign.about.com/library/weekly/aa102102a.htm">Tableless
 Browsing</a> <a href="http://webdesign.about.com/cs/css/">CSS Links</a></p>
 </div>
 
 <form action="#" method="post" id="mainform" name="mainform">
 <h1>Please Fill Out this Form</h1>
 <p><span id="name_p">First Name</span> 
 <input name="fname" type="text" id="fname" />
 <span id="lname_p">Last Name</span> <input name="lname" type="text" id="lname" /></p>
 <p><span id="address_p">Address</span> <input name="address1" type="text" id="address1" /></p>
 <p><span id="city_p">City</span> <input name="city" type="text" id="city" /></p>
 <p><span id="state_p">State</span> 
 <select name="state" size="1" id="state">
 	 <option value=" "></option>
 	 <option value="AL">Alabama</option>
 	 <option value="WI">Wisconsin</option>
 </select>
 </p>
 <p><span id="zip_p"> Zip</span> <input name="zipcode" type="text" id="zipcode" size="5" /></p>
 <p id="submit_p"><input type="submit" name="Submit" value="Submit" /></p>
 </form>
 </body>
 </html> 

You are free to use any of the free Web templates here for personal or commercial designs, either in print or on the Web, excluding items for resale. You may not give away, sell, or redistribute the files in any way. Do not post these files on any another Web site, electronically distribute them, or include them in any package for distribution. If you find these files useful, please include a credit line or a link back to this site [http://webdesign.about.com/]. Terms of use last modified 8/29/2004.

Return to Form Layout

More XHTML CSS Layout Templates

©2013 About.com. All rights reserved.