Return to Snippet

Revision: 17516
at September 9, 2009 09:56 by PeteW


Updated Code
<style>
p label {
	float: left;
	margin-right: 10px;
	text-align: left;
	width: 100px;
}

p input[type="submit"] {
	margin-left: 110px;
}
</style>

<form method="post" action="#">
	<p><label for="strName">Name</label>
		<input type="text" id="strName" name="strName" />
	</p>
	<p><label for="strEmail">Email address</label>
		<input type="text" id="strEmail" name="strEmail" />
	</p>
	<p><label for="strPhone">Phone Number</label>
		<input type="text" id="strPhone" name="strPhone" />
	</p>
	<p><label for="strComments">Comments</label>
		<textarea id="strComments" name="strComments" /></textarea>
	</p>
	<p><input type="submit" value="Send" /></p>
</form>

Revision: 17515
at September 9, 2009 09:48 by PeteW


Updated Code
p label{
	width:100px;
	float:left;
	margin-right:10px;
	text-align:left;
}


<form method="post" action="#" >
	<p><label for="username" >Username</label>
		<input type="text" id="username" name="username" />
	</p>
	<p><label for="password" >Username</label>
		<input type="password" id="password" name="pass" />
	</p>
	<p><input type="submit" value="Submit" /></p>
</form>

Revision: 17514
at September 8, 2009 09:18 by PeteW


Initial Code
p label{
	width:100px;
	float:left;
	margin-right:10px;
	text-align:right;
}


<form method="post" action="#" >
	<p><label for="username" >Username</label>
		<input type="text" id="username" name="username" />
	</p>
	<p><label for="password" >Username</label>
		<input type="password" id="password" name="pass" />
	</p>
	<p><input type="submit" value="Submit" /></p>
</form>

Initial URL

                                

Initial Description

                                

Initial Title
Tableless form layout

Initial Tags
form, css

Initial Language
CSS