容易表单

简单表单
fieldset{
	border: 1px solid green;
}
legend{
	font-weight:bold;
}
label{
	/*
		启用该规则,标签将显示在输入框上面
	display:block;
	*/
	/*启用下面的规则,标签将显示在输入框的左边,并具有了宽度*/
	float:left;
	width:10em;
	
	/*text-align:center;*/
}
input[type="text"]{
	width:200px;
}
/*IE6不支持属性选择*/
input.radio{
	width:auto;
	float:left;
	margin-right:1em;
}
input:focus{
	background-color:#ffc;
}

<div>
	<form >
		<fieldset>
			<legend>some thing</legend>
			<p>
				<label for="name">名称 </label>
				<input type="text" name="name" />
			</p>
			<p><label for="email">邮箱 </label>
				<input type="text" name="email" /></p>
			<p>
				<input id="remember-yes" type="radio" value="yes" 
					class="radio" name="remember" checked="true"/>
				<label for="remember-yes">Yes</label>
				<input id="remember-no" type="radio" value="no" 
					class="radio" name="remember"/>
				<label for="remember-no">No</label>
			</p>
		</fieldset>
	</form>
</div>


容易表单