效果图:
方法一:
1、利用HTML5中新的特性 input的list绑定<datalist>
方法二:
1、需要使用jQuery autocomplete插件实现模糊匹配
2、实现既能选择又能输入的下拉框思路:下拉框和输入框用position:absolute确定彼此的位置,下拉框的宽度要比输入框的长度要长确保露出下拉图标。然后用js控制下拉框选择的内容联动到输入框内
HTML代码
css代码
js代码
效果图:
方法一:
1、利用HTML5中新的特性 input的list绑定<datalist>
方法二:
1、需要使用jQuery autocomplete插件实现模糊匹配
2、实现既能选择又能输入的下拉框思路:下拉框和输入框用position:absolute确定彼此的位置,下拉框的宽度要比输入框的长度要长确保露出下拉图标。然后用js控制下拉框选择的内容联动到输入框内
HTML代码
css代码
js代码