问题描述
问题包括两个部分:
- (通过UX / UI p.o.v.)可以在第一个选项卡按键激活的页面上创建一个搜索框吗?
- 如何从技术上保持完整的制表符机制(例如,默认情况下,在第二个制表符按键上的搜索框之后立即激活了默认情况下在制表符按键上激活的第一个元素)?
解决方法
- 对于桌面浏览器来说还可以。但是移动浏览器的UX不好,因为它将弹出键盘焦点,自动出现在搜索框中。 搜索框离开焦点后,以编程方式使用JavaScript为元素
- 设置属性 tabindex =“ 0” 。使用onblur()事件。
您可以在搜索输入元素中使用tabindex=1
属性来实现。像这样
<input type="text" placeholder="Search here" tabindex="1" />