欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!
  代码:
 
  
 
  <ulclass="g-formlist">
 
  <li>
 
  <labelclass="mark">姓名</label>
 
  <divclass="write">
 
  <inputtype="text"id="form-name"class="g-text-entry"placeholder="请输入4-10字符"/>
 
  <spanclass="tip"data-initial="请输入4-10字符"></span>
 
  </div>
 
  </li>
 
  <li>
 
  <labelclass="mark">密码</label>
 
  <divclass="write">
 
  <inputtype="text"id="form-psw"class="g-text-entry"placeholder="请输入6-30字符"/>
 
  <spanclass="tip"data-initial="请输入6-30字符"></span>
 
  </div>
 
  </li>
 
  <li>
 
  <labelclass="mark">确认密码</label>
 
  <divclass="write">
 
  <inputtype="text"id="form-repsw"class="g-text-entry"placeholder="请再输入一遍密码"/>
 
  <spanclass="tip"data-initial="请输入6-30字符"></span>
 
  </div>
 
  </li>
 
  <li>
 
  <labelclass="mark">验证码</label>
 
  <divclass="write">
 
  <inputtype="text"id="form-imgcode"class="g-text-entrydisabled"disabled="disabled"placeholder="输入验证码"/>
 
  <spanclass="tip"data-initial="请输入验证码"></span>
 
  </div>
 
  </li>
 
  </ul>
 
  
 
  li{
 
  clear:both;
 
  list-style:none;
 
  }
 
  .mark{
 
  display:block;
 
  float:left;
 
  overflow:hidden;
 
  width:78px;
 
  height:29px;
 
  padding-right:10px;
 
  text-align:justify;
 
  text-align-last:justify;
 
  line-height:2;
 
  }







本文转载自中文网
 

如需转载,请注明文章出处和来源网址:http://www.divcss5.com/rumen/r56303.shtml