input输入框中嵌入下拉选项

一、前端代码

<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>