bootStrap的模态框form表单问题

<form action="${pageContext.request.contextPath }/add" method="post">
								      
								    
								      <div class="modal-body">
								      	
								      		 <div class="form-group">
								      		 	<label for="empId" class="col-sm-4 control-label">员工编号：</label>
   													 <input type="text" class="form-control" id="empId" name="empId" placeholder="员工编号">
								      		 </div>
								      
								      	
								      
								      		<div class="form-group">
								      		 	<label for="empId" class="col-sm-4 control-label">姓名：</label>
   													 <input type="text" class="form-control" id="name" name="name" placeholder="姓名">
								      		 </div>
								      	
								      	
								      	
								      		 <div class="form-group">
								      		 	<label for="empId" class="col-sm-4 control-label">工资：</label>
   													 <input type="number" class="form-control" id="salary" name="salary" placeholder="工资">
								      		 </div>
								      	
								      	
								      	
								      		 <div class="form-group">
								      		 	<label for="dept" class="col-sm-4 control-label">部门：</label>
								      		 	<select name="dept_id" class="form-control" placeholder="部门名称">
								      		 		<c:forEach items="${dept }" var="dept">
														<option value="${dept.deptId }">
															${dept.name }
														</option>
													</c:forEach>
								      		 	</select>
								      		 </div>
								      	
						
								      </div>
								      <div class="modal-footer form-group" >
								        <button type="submit" class="btn btn-default">提交</button>
								        <button type="reset" class="btn btn-primary">重置</button>
								      </div>
								      </form>

取 消

效果是关闭模态框和遮罩层