<form>
<div class="form-group">
<label for="username">用户名</label>
<input type="text" id="username" placeholder="请输入用户名" class="form-control" >
</div>
<div class="form-group">
<label for="passwd">密码</label>
<input type="text" id="passwd" placeholder="请输入密码" class="form-control" >
</div>
<div class="form-group">
<label for="email">邮件地址</label>
<input type="email" class="form-control" id="email" placeholder="请输入邮箱">
</div>
<div class="form-group">
<input type="submit" value="提交" class="btn btn-primary">
</div>
</form>
1. label中的for属性作用: 当鼠标点击该label时,鼠标光标会移动到id等于该for的值的元素中。
<form class="form-inline">
<form class="form-horizontal">
<div class="form-group">
<label for="username" class="col-sm-2 control-label">用户名</label>
<div class="col-sm-10 " >
<input type="text" id="username" placeholder="请输入用户名" class="form-control" >
</div>
</div>
<div class="form-group">
<label for="passwd" class="col-sm-2 control-label">密码</label>
<div class="col-sm-10 " >
<input type="text" id="passwd" placeholder="请输入密码" class="form-control" >
</div>
</div>
<div class="form-group">
<label for="email" class="col-sm-2 control-label">邮件地址</label>
<div class="col-sm-10 " >
<input type="email" class="form-control" id="email" placeholder="请输入邮箱">
</div>
</div>
<div class="form-group">
<div class="col-sm-offset-2 col-sm-10">
<div class="checkbox">
<label>
<input type="checkbox"> 记住我
</label>
</div>
</div>
</div>
<div class="form-group">
<div class="col-sm-offset-2 col-sm-10">
<input type="submit" value="提交" class="btn btn-primary">
</div>
</div>
</form>