简单表单
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>