代码改变世界

Bootstrap中默认表单的创建

2017-02-15 22:47  蛋黄月饼  阅读(317)  评论(0编辑  收藏  举报
<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>