Copy the XHTML into your HTML editor. 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>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Basic Left-Aligned Form</title>
<link type="text/css" href="styles.css" />
</head> <body>
<h1>Basic Left-Aligned Form</h1>
<h2>Simple XHTML + CSS Template for a Web Form</h2> <form action="#"> <table>
<tr>
<th><label for="name">Name</label></th>
<td><input type="text" name="name" id="name" size="30" /></td>
</tr>
<tr>
<th><label for="email">Email</label></th>
<td><input type="text" name="email" id="email" size="30" /></td>
</tr>
<tr>
<th><label for="checkboxes">Multiple Choice</label></th>
<td>
<ul id="boxes">
<li><input name="checkboxes" type="checkbox" value="choice 1" />Choice 1</li>
<li><input name="checkboxes" type="checkbox" value="choice 2" />Choice 2</li>
<li><input name="checkboxes" type="checkbox" value="choice 3" />Choice 3</li>
</ul>
</td>
</tr>
<tr>
<th><label for="radios">Choose One</label></th>
<td>
<ul>
<li><input name="radios" type="radio" value="choice 1" />Choice 1</li>
<li><input name="radios" type="radio" value="choice 2" />Choice 2</li>
<li><input name="radios" type="radio" value="choice 3" />Choice 3</li>
</ul>
</td>
</tr>
<tr>
<th><label for="dropdown">Dropdown Menu</label></th>
<td><select name="dropdown" id="dropdown">
<option></option>
<optgroup label="Group 1">
<option>Option 1</option>
<option>Option 2</option>
<option>Option 3</option>
</optgroup>
</select></td>
</tr>
<tr>
<th><label for="textarea">Large Text Box</label></th>
<td><textarea name="textarea" id="textarea" rows="5" cols="30"></textarea></td>
</tr>
<tr>
<td><input name="submitbutton" id="submitbutton" type="submit" value="submit form" /></td>
</tr>
<tr>
<td><input name="resetbutton" id="resetbutton" type="reset" value="reset form" /></td>
</tr>
</table>
</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 website, 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 12/07/2008.
