使用输入字段HTML/6进行选择

使用输入字段HTML/6进行选择,html,angular,typescript,Html,Angular,Typescript,我需要有一个右边有箭头的输入字段,所以当我按下箭头时,我有一个select标签(选项的下拉列表)的标签。我想知道是否有可能在HTML/6中这样做。。。我找到了一个datalist的解决方案,但它实际上并不是我要寻找的结果,因为使用这个解决方案,如果我在输入中输入一些值,而这些值在datalist中不存在,然后单击箭头任意显示,因为datalist根据输入值过滤要显示的内容 希望足够清楚。考虑到您可以使用库或UI框架,我建议您使用以下选项: 角度材质选择组件 谷歌的用户界面框架,以角度应用程序 优

我需要有一个右边有箭头的输入字段,所以当我按下箭头时,我有一个select标签(选项的下拉列表)的标签。我想知道是否有可能在HTML/6中这样做。。。我找到了一个datalist的解决方案,但它实际上并不是我要寻找的结果,因为使用这个解决方案,如果我在输入中输入一些值,而这些值在datalist中不存在,然后单击箭头任意显示,因为datalist根据输入值过滤要显示的内容


希望足够清楚。考虑到您可以使用库或UI框架,我建议您使用以下选项:

角度材质选择组件

谷歌的用户界面框架,以角度应用程序

优点:可访问性和响应性是框架的关注点,易于与系统集成

Cons:无法筛选select的值

角度材质自动完成组件

谷歌UI框架的另一个组件。这不是一个纯粹的选择,但它可以调整为带有过滤的组合框

优点:可访问性和响应性是框架的关注点,易于与系统集成

缺点:由于它不是纯选择组件,因此您可能需要对其进行调整


你尝试过什么?你可以使用库吗?有很多小部件库和框架提供了这些功能,你搜索过吗?是的,我可以使用库,我找了一些,但找不到一个有趣的,你知道你能推荐我谁做这项工作吗?