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