1、输入框下拉提示的实现。
利用input的list属性来设定。如在w3c中的代码:演示地址;http://www.w3school.com.cn/tiy/t.asp?f=html5_input_list
<form action="demo_form.asp">
Webpage: <input type="url" list="url_list" name="link" />
<datalist id="url_list">
<option label="W3Schools" value="http://www.w3schools.com" />
<option label="Google" value="http://www.google.com" />
<option label="Microsoft" value="http://www.microsoft.com" />
</datalist>
<input type="submit" />
</form>
感悟:遇见问题多看看官方文档,就会有最简单的实现方式了。
2、keyup:当按钮被松开时,发生 keyup 事件。它发生在当前获得焦点的元素上。
应用:制作下拉提示框。