Skip to content

Instantly share code, notes, and snippets.

@mattkruskamp
Created August 24, 2015 21:28
Show Gist options
  • Save mattkruskamp/d17c2f16c5af4802c778 to your computer and use it in GitHub Desktop.
Save mattkruskamp/d17c2f16c5af4802c778 to your computer and use it in GitHub Desktop.
Creating Tableless Forms
<!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 runat=“server”>
<title>Untitled Page</title>
<style type=“text/css”>
fieldset {
width: 250px;
}
fieldset ul {
list-style: none;
margin: 0px;
padding: 5px 0px;
}
fieldset li {
padding: 2px 0px;
}
fieldset label {
width: 75px;
float: left;
vertical-align: top;
padding-right: 5px;
text-align: right;
}
</style>
</head>
<body>
<form id=“form1” runat=“server”>
<div>
<fieldset>
<legend>Login Information</legend>
<ul>
<li>
<label>Username:</label>
<input name=“username” type=“text” tabindex=“1” />
</li>
<li>
<label>Password:</label>
<input name=“password” type=“text” tabindex=“1” />
</li>
<li>
<label>Email:</label>
<input name=“email” type=“text” tabindex=“1” />
</li>
</ul>
</fieldset>
</div>
</form>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment