<div> <form role="form" action="1.html" method="post"> <!--每一个属性的外标签与输入框构成一个form-group元组--> <div> <!--如下的class属性是为了其能够根据屏幕的大小自动拉伸--> <label for="username"> 用户名： </label> <div> <!--此处的placholder意为不输入任何东西的说明灰字，当然在IE8中无法解释。id看不出有什么作用，仅仅是根据Bootstrap中文文档的要求而添加的--> <input type="text" placeholder="用户名" /> </div> </div> <div> <label for="password"> 密码： </label> <div> <input type="password" placeholder="密码" /> </div> </div> <div> <div> <!--此处的button与HTML的普通submit按钮是有区别的，但不影响表单的提交--> <button type="submit"> 登陆 </button> <!--<small>标签保证了这段文字与submit按钮同一行--> <small> 没有账号？<a href="https://2.com">点击注册</a> </small> </div> </div> </form> </div>
至此，本页面的开发完成。
如果大家还想深入学习，可以点击这里进行学习，再为大家附3个精彩的专题：