微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

CSS:在第一个标签页上点击激活搜索框

如何解决CSS:在第一个标签页上点击激活搜索框

问题包括两个部分:

  1. (通过UX / UI p.o.v.)可以在第一个选项卡按键激活的页面上创建一个搜索框吗?
  2. 如何从技术上保持完整的制表符机制(例如,认情况下,在第二个制表符按键上的搜索框之后立即激活了认情况下在制表符按键上激活的第一个元素)?

解决方法

  1. 对于桌面浏览器来说还可以。但是移动浏览器的UX不好,因为它将弹出键盘焦点,自动出现在搜索框中。
  2. 搜索框离开焦点后,以编程方式使用JavaScript为元素
  3. 设置属性 tabindex =“ 0” 。使用onblur()事件。
,

您可以在搜索输入元素中使用tabindex=1属性来实现。像这样

    <input type="text" placeholder="Search here" tabindex="1" />

是否应该This article might help

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。