我是 HTML5 新手，开始使用 HTML5 的新表单输入字段。当我使用表单输入字段时，尤其是<input type="text" /> 和<input type="search" /> IMO，所有主要浏览器（包括 Safari、Chrome、Firefox 和 Opera）都没有任何区别。并且搜索字段的行为也类似于常规文本字段。
那么，input type="text" 和 input type="search" 在 HTML5 中的区别是什么？
<input type="search" />的真正目的是什么？
【问题讨论】：
现在，他们之间没有什么大不了的——也许永远不会有。 但是，关键是让浏览器制造商能够根据需要使用它做一些特别的事情。
想想手机上的<input type="number">，调出数字键盘，或者type="email"调出特殊版本的键盘，@和.com等都可用。
在手机上，如果他们愿意，搜索可以调出一个内部搜索小程序。
另一方面，它可以帮助当前的开发人员使用 css。
input[type=search]:after { content : url("magnifying-glass.gif"); }
【讨论】：
internal search applet for mobile phone。 2)ability to make better presentation。但是，我应该等待接受答案，因为我想确保没有任何其他目的:)
它在大多数浏览器中完全没有任何作用。它的行为就像一个 文字输入。这不是问题。规范不需要它做 有什么特别的。 WebKit 浏览器对它的处理确实有点不同 不过，主要是样式。
默认情况下，WebKit 中的搜索输入具有嵌入边框，圆角 角落和严格的排版控制。
还有，
这在我所知道的任何地方都没有记录，也没有在规范中， 但是如果您在输入中添加结果参数，WebKit 将适用 一个带有下拉箭头的小放大镜，显示上一个 结果。
<input type=search results=5 name=s>
最重要的是，它为input type 提供了语义含义。
更新：
【讨论】：
在视觉/功能上，如果输入类型是“搜索”，则有 2 个差异：-
【讨论】：
在某些浏览器上，它还支持“结果”和“自动保存”属性，通过放大镜图标提供自动“最近搜索”功能。
【讨论】：
results 属性的支持：developers.google.com/web/updates/2016/08/…
实际上要非常小心，不要假设它什么都不做。当您使用类型搜索访问样式输入时，它们具有某些无法更改的属性。尝试更改一个边框，您会发现这是不可能的。还有其他几个不允许的 CSS 属性，请查看 this 了解所有详细信息。
正如 Jashwant 所提到的，还有 result 属性，尽管它不能很好地工作，除非你还包括 autosave 属性。但是，该下拉菜单在大多数浏览器中都不起作用，因此请自担风险。
【讨论】：
在操作上存在浏览器差异，当您键入一些单词然后在 chrome/safari 中的输入 type="search" 中键入 ESC 时，输入框将被清除。但在type="text" 场景中，单词不会被清除。所以要小心选择类型，尤其是当你将它用于自动完成或搜索相关功能时
【讨论】：
加分项：input type="search" 可以使用onsearch 属性（虽然我注意到这在 Microsoft 的新 Edge 浏览器中不起作用），这消除了编写自定义 onkeypress=if(key=13) { function() } 事物的需要。
【讨论】：
使用 input type="search" 使键盘输入键的文本显示“搜索”，这可能会改善用户体验。但是，如果使用这种类型，则必须调整样式。
【讨论】：
但是如果你设置了它对你的输入元素有不好的影响
<input type="search">
然后在你的 CSS 中设置
input {background: url("images/search_bg.gif");}
它根本不会出现。
【讨论】：
这取决于程序员的观点，程序员可以通过查看类型轻松确定输入的目的，并且 CSS 样式和 JavaScript 或 JQuery 很容易验证输入中的规则。
【讨论】：