一、前端代码
<div class="form-group" style="width: 50px;height: 30px;" >
<input type="text" id="coursName" list="cours" class="form-control" placeholder="课程搜索" autocomplete="off">
<datalist id="cours">
<option>计算机组成原理</option>
<option>人工智能</option>
<option>计算机图形学</option>
<option>图像工程</option>
</datalist>
</div>
后端动态显示:
<input id="coursName" name="data" list="cours" value="搜索"/>
<datalist id="cours">
<c:forEach var="cours" items="${datalist}">
<option value="${cours.coursname}">${cours.coursname}</option>
</c:forEach>
</datalist>