Form Layout with HTML Example : Size and Layout « Layout « HTML / CSS
- HTML / CSS
- Layout
- Size and Layout
Form Layout with HTML Example
<!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" lang="en">
<head>
<title>HTML/XHTML: » Form Layout with HTML Example</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
</head>
<body>
<div class="content">
<h2>Contact Form</h2>
<form action="http://www.htmlref.com/scripts/formecho.php" method="post" name="form1" id="form1">
<table border="1">
<tr>
<td>First Name:</td>
<td><input name="firstname" id="firstname" size="40" /></td>
</tr>
<tr>
<td>Last Name:</td>
<td><input name="lastname" id="lastname" size="40" /></td>
</tr>
<tr>
<td>Company:</td>
<td><input name="company" id="company" size="40" /></td>
</tr>
<tr>
<td>Address:</td>
<td><input name="address" id="address" size="40" /></td>
</tr>
<tr>
<td>City:</td>
<td><input name="city" id="city" size="25" /></td>
</tr>
<tr>
<td>State:</td>
<td><input name="state" id="state" size="2" /></td>
</tr>
<tr>
<td>Country:</td>
<td><input name="country" id="country" size="25" /></td>
</tr>
<tr>
<td>Postal Code:</td>
<td><input name="zip" id="zip" size="10" /></td>
</tr>
<tr>
<td colspan="2"><br />Enter any comments below:<br />
<textarea name="comments" id="comments" rows="5" cols="45"></textarea></td>
</tr>
<tr>
<td colspan="2" align="center"><br />
<input type="submit" value="Submit" />
<input type="reset" value="Reset" /><br /><br />
</td>
</tr>
</table>
</form>
</div>
</body>
</html>
Related examples in the same category