我刚接触HTML5,因为我开始使用html5的新表单输入域。当我使用表单输入域时,尤其是<input type="text" />
和<input type="search" />
,在所有主要浏览器上都没有任何区别。搜索字段的行为也类似于常规文本字段。
那么,input type="text"
和HTML5中的input type="search"
有什么不同呢?
<input type="search" />
的真正用途是什么?
发布于 2012-07-21 13:41:30
现在,他们之间并没有什么大的交易--也许永远不会有。然而,重点是让浏览器制造商有能力用它做一些特殊的事情,如果他们想要的话。
想想手机上的<input type="number">
,调出数字键盘,或者type="email"
调出一个特殊版本的键盘,还有@和.com等等。
在手机上,搜索可以调出一个内部搜索小程序,如果他们想要的话。
另一方面,它可以帮助当前的开发人员使用css。
input[type=search]:after { content : url("magnifying-glass.gif"); }
发布于 2013-07-17 23:49:15
在一些浏览器上,它还支持"results“和"autosave”属性,这些属性通过放大镜图标提供自动的“最近搜索”功能。
发布于 2013-04-26 08:20:32
实际上,在假设它什么都不做时要非常小心。当您使用类型搜索转到样式输入时,它们具有某些不能更改的属性。尝试更改其中一个的边框,您会发现这是非常不可能的。还有其他几个不允许的CSS属性,请查看this了解所有详细信息。
正如Jashwant所提到的,还有result属性,尽管除非还包含autosave属性,否则它不能很好地工作。然而,该下拉菜单在大多数浏览器中都不起作用,因此使用风险自负。
https://stackoverflow.com/questions/11589770
复制相似问题