javascript - 如何知道浏览器是否具有HTML5表单元素的特定表示形式？

我想使用HTML5的新输入元素，例如type="number"，type="color"等。

Google Chrome浏览器使用自定义的用户界面来处理这些问题，效果很好。
相反，Firefox使事情保持更基本的状态，使它们具有通常的type="text"界面外观。

我想检测一下浏览器何时不像Google那样提供额外的增强功能，以便我自己提供。

那怎么办？

最佳答案

您可以通过创建一种类型并查看其类型来检测浏览器是否支持新类型。如果支持，则为HTML5类型（number，color等），否则为text：

var input = document.createElement('input');
input.setAttribute('type', 'number');
if (input.type === 'number') {
    // Supported
}
else {
    // Not supported
}