在HTML5中输入type ="text"vs input type ="search"

Question

我是HTML5的新手,开始使用HTML5的新表单输入字段.当我与形式输入领域的工作,尤其是<input type="text" />和<input type="search" />国际海事组织有没有在所有主要的浏览器,包括Safari浏览器,Chrome浏览器,Firefox和Opera任何区别.搜索字段的行为也类似于常规文本字段.

那么,HTML5 input type="text"和input type="search"HTML5 之间的区别是什么？

真正的目的是<input type="search" />什么？

Answer 1

现在,他们之间没有太大的交易 - 也许永远不会有.然而,重点是让浏览器制造商能够根据需要对其进行特殊处理.

想想<input type="number">手机,提出数字键盘,或者type="email"提出一个特殊版本的键盘,使用@和.com,其余的可用.

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

另一方面,它有助于当前的开发者与CSS.

input[type=search]:after { content : url("magnifying-glass.gif"); }

Answer 2

它在大多数浏览器中绝对没有.它就像文本输入一样.这不是问题.该规范并不要求它做任何特殊的事情.WebKit浏览器确实对它有点不同,主要是使用样式.

默认情况下,WebKit中的搜索输入具有插入边框,圆角和严格的排版控件.

也,

这在我所知道的任何地方都没有记录,也没有在规范中记录,但是如果你在输入上添加一个结果参数,WebKit会应用一个带有下拉箭头的放大镜,显示以前的结果.

<input type=search results=5 name=s>

参考

最重要的是,它为语义提供了语义input type.

更新:

Chrome 51删除了对results属性的支持:

Answer 3

在视觉上/功能上,如果输入类型是" 搜索 " ,则有2个差异: -

1. 在输入/搜索框的末尾有一个" X "符号,用于清除框中的文本
2. 按键盘上的" Esc "键也可以清除文本

Answer 4

在某些浏览器上,它还支持"结果"和"自动保存"属性,这些属性使用放大镜图标提供自动"最近搜索"功能.

更多信息