我刚接触HTML5并开始使用HTML5的新表单输入字段。当我使用表单输入字段，特别是<input type="text" />和<input type="search" />时，我认为在所有主要浏览器中（包括Safari、Chrome、Firefox和Opera），它们都没有任何区别。搜索字段也像常规文本字段一样运作。
那么，在HTML5中，input type="text"和input type="search"有什么区别呢？
<input type="search" />的真正目的是什么？
目前，它们之间并没有太大区别 - 也许永远不会有。 然而，关键是为浏览器制造商提供能够在需要时执行特殊操作的能力。
想一想，在手机上使用<input type="number">可以带出数字键盘，或者type="email"可以带出带有@和.com等符号的键盘。
在手机上，如果他们愿意，搜索可以带出一个内部搜索小应用程序。
另一方面，它有助于当前的CSS开发人员。
input[type=search]:after { content : url("magnifying-glass.gif"); }
如果输入类型是'search'，则在视觉/功能上有2个区别：
在大多数浏览器中，它几乎什么也不做，只是像文本输入一样的表现。这并不是问题，规范也不要求它有任何特殊的功能。但 WebKit 浏览器处理它时可能会稍有不同，主要是在样式方面。
在 WebKit 中，默认情况下，搜索输入框具有内嵌边框、圆角和严格的排版控制。
另外,
我不知道有没有任何文档或规范记载，但如果在输入标签上添加一个results参数，WebKit 将会应用一个带有放大镜和下拉箭头显示先前结果的小部件。
<input type=search results=5 name=s>
最重要的是，它为 input type 提供了语义化的含义。
更新：
results属性的支持：https://developers.google.com/web/updates/2016/08/chrome-53-deprecations#remove-results-attribute-for-input-typesearch - Flimm当您在输入框中键入一些单词，然后在chrome / safari的中按ESC时，在操作方面会有浏览器差异，输入框将被清除。但在的情况下，单词不会被清除。因此，在选择类型时要特别小心，特别是在使用自动完成或搜索相关功能时。
另外，正如Jashwant所提到的那样，还有一个result属性，但是除非您还包括autosave属性，否则它的效果并不是很好。然而，在大多数浏览器中，下拉框都无法正常工作，因此请自行承担风险使用。
奖励点： input type="search" 具有使用 onsearch 属性的能力（尽管我注意到这在 Microsoft 的新 Edge 浏览器中不起作用），这消除了编写自定义 onkeypress=if(key=13) { function() } 的需要。
这取决于程序员的观点，程序员可以通过查看类型轻松确定输入的目的，并且对于CSS样式和JavaScript或JQuery来验证输入中的规则也很容易。
但是它会对您的输入元素产生不良影响，如果您设置了
<input type="search">
而在你的 CSS 中设置
input {background: url("images/search_bg.gif");}
它根本不会显示。