码迷,mamicode.com
首页 > 其他好文 > 详细

Bootstrap中默认表单的创建

时间:2017-02-15 23:36:49      阅读:156      评论:0      收藏:0      [点我收藏+]

标签:默认   清空   checkbox   字母   pre   control   用户名   help   长度   

<form action="">
<div class="form-group">
<label class="control-label" for="uname">用户名:</label>
<input class="form-control" id="uname" type="text">
<span class="help-block">用户名长度在6~12位之间</span>
</div>

<div class="form-group">
<label class="control-label" for="upwd">密码:</label>
<input class="form-control" type="text" id="upwd">
<span class="help-block">密码中必须包含数字、字母</span>
</div>
<!--Bootstrap编码规范中规定:单选/复选要放在label中-->

<div class="checkbox">
<label>
<input type="checkbox">我接受本站的使用条款
</label>
</div>
<input class="btn btn-success" type="button" value="提交数据"></input>
<input class="btn btn-danger" type="button" value="清空重填"></input>
</form>

Bootstrap中默认表单的创建

标签:默认   清空   checkbox   字母   pre   control   用户名   help   长度   

原文地址:http://www.cnblogs.com/yuebing/p/6403751.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!