bootstrap做表单

bootstrap做表单
1、先下载好bootstrap框架用到的文件，去官网下载即可
值得注意的是引入bootstrap相关的js前务必先引入jqure文件，其次引入css文件最后引入js文件

<link href="../bootstrap-3.3.7-dist/css/bootstrap-theme.min.css"
	rel="stylesheet">
 <script type="text/javascript" src="../bootstrap-3.3.7-dist/js/jquery-3.4.1.min.js"></script>
<script type="text/javascript" src="../bootstrap-3.3.7-dist/js/jquery.validate.min.js"></script>
<script type="text/javascript" src="../bootstrap-3.3.7-dist/js/messages.js"></script>

2、设计表单

	<form class="form-horizontal" >
		<div class="form-group">
			<label for="inputEmail3" class="col-sm-1 control-label">姓名</label>
			<div class="col-sm-3">
				<input type="text" class="form-control" placeholder="姓名"
					name="eName" id="eName">
			</div>
		</div>
		</from>

这里注意表单设置的时候html元素的类class名必须按照bootstrap官方的文档案例设置
bootstrap框架的css样式是通过类名赋值。
3、设计提交样式，目前普遍用到的提交异步提交（ajax）异步提交的好处在于页面不会变化，通过js提交数据。当然是用传统的 acction配合submit提交也是可以的。
补充一点：bootstrap的js插件同样强大，弹出设计<模态框>，下拉选项，滚动监听https://v3.bootcss.com/javascript/#modals直接去bootstrap的js插件查看简单易用，功能强大