首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >input type="text“vs input type="search”in HTML5

input type="text“vs input type="search”in HTML5
EN

Stack Overflow用户
提问于 2012-07-21 13:33:48
回答 8查看 79.2K关注 0票数 146

我刚接触HTML5,因为我开始使用html5的新表单输入域。当我使用表单输入域时,尤其是<input type="text" /><input type="search" />,在所有主要浏览器上都没有任何区别。搜索字段的行为也类似于常规文本字段。

那么,input type="text"和HTML5中的input type="search"有什么不同呢?

<input type="search" />的真正用途是什么?

EN

回答 8

Stack Overflow用户

回答已采纳

发布于 2012-07-21 13:41:30

现在,他们之间并没有什么大的交易--也许永远不会有。然而,重点是让浏览器制造商有能力用它做一些特殊的事情,如果他们想要的话。

想想手机上的<input type="number">,调出数字键盘,或者type="email"调出一个特殊版本的键盘,还有@和.com等等。

在手机上,搜索可以调出一个内部搜索小程序,如果他们想要的话。

另一方面,它可以帮助当前的开发人员使用css。

代码语言:javascript
复制
input[type=search]:after { content : url("magnifying-glass.gif"); }
票数 194
EN

Stack Overflow用户

发布于 2013-07-17 23:49:15

在一些浏览器上,它还支持"results“和"autosave”属性,这些属性通过放大镜图标提供自动的“最近搜索”功能。

More info

票数 7
EN

Stack Overflow用户

发布于 2013-04-26 08:20:32

实际上,在假设它什么都不做时要非常小心。当您使用类型搜索转到样式输入时,它们具有某些不能更改的属性。尝试更改其中一个的边框,您会发现这是非常不可能的。还有其他几个不允许的CSS属性,请查看this了解所有详细信息。

正如Jashwant所提到的,还有result属性,尽管除非还包含autosave属性,否则它不能很好地工作。然而,该下拉菜单在大多数浏览器中都不起作用,因此使用风险自负。

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/11589770

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档