HTML怎样设置可输入的下拉框

HTML怎样设置可输入的下拉框

有很多人不了解HTML怎样设置可输入的下拉框,那么今天小编就在这里给大家分享一点我的小经验,希望可以给你们带来帮助。

核心思想召川就是把input定位在select上,当select发生变化时

把值放到input上,这就形成了可输入可选择下拉框的视觉感受啦。

在下拉控件的上方放置一个文本框,但是width要注意(显示出下拉按钮)

所以下拉框和文本框的position属性都是absolute,下拉框选择ongchange事件

把选中的下拉项的值赋值给文本框争栗阅,这时这个文本框既可以输入也可以被下拉选择(取下拉框的值)最终取文本框中的值。