CSS 无表格形式布局

Posted 2021-05-23

<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>