Javascript 确定`<；输入类型="；电子邮件"；`（例如）在当前浏览器中是否受支持？

对于HTML5，以下标记仅足以获得浏览器句柄输入验证

它将验证输入是否与电子邮件地址格式匹配，以及是否实际提供：

<input id="email" name="email" type="email" placeholder="Email address" required/>

不需要钩住事件，无论是输入框还是提交按钮，都可以

我正在寻找一种方法来决定浏览器是否已经支持此功能，或者我应该自己处理输入验证

---

我想知道是否有办法做到这一点，或者我是否应该维护一个包含所有可能品牌版本组合和支持标志的表格。

如@deceze所述，检测技术如中所述，工具为

if（！modernizer.inputtypes.email）{
//本机不支持：(
//也许你可以用Dojo或jQueryUI自己构建一个
}

您可以查看“Tzury”提到的Modernizer库中的输入类型，但下面列出了支持新html5输入元素的浏览器及其版本

对HTML5表单的浏览器支持正在增长，但有限。看来许多浏览器供应商 此外，Opera尚未在其新的表单控件上投入大量精力。然而，WebKit浏览器最近增加了对表单的支持，这可能是因为iPhone及其虚拟键盘显示屏的推出，我们将很快看到。更高级的功能，如验证，刚刚推出。表7-1总结目前HTML5表单支持的现状

检查浏览器支持在新HTML5表单的上下文中不太有用，因为它们被设计为在旧浏览器中优雅地降级。在很大程度上，这意味着您现在使用新元素是安全的，因为旧浏览器将退回到简单的文本字段显示，以显示他们不理解的任何输入类型

---

作为参考，你可以在亚马逊上查看这本书

这是一本关于检测几乎任何东西的全面指南：@deceze这就是我要找的！表格来自哪里？为什么你想知道？但我会告诉你，我是从一本html书上读到的，在IE 8.0支持新的html 5输入类型之后，如果你不提供这是你剽窃原作者的参考资料。既然这是网站，你应该提供一个链接。当你在未经作者同意的情况下粘贴截图时，你可能也违反了一些版权法。我不认为有必要引用。无论如何，你以一种不好的方式让我泄气

if (!Modernizr.inputtypes.email) {
  // no native support for <input type="email"> :(
  // maybe build one yourself with Dojo or jQueryUI
}