Javascript 如果不兼容,则隐藏范围输入

Javascript 如果不兼容,则隐藏范围输入,javascript,css,html,Javascript,Css,Html,我使用范围输入来调整web应用程序中的缩放。我使用一些JavaScript将其与旁边的文本输入同步,这样用户可以在移动滑块时看到值,还可以键入所需的值 Javascript可以检测输入类型,如下所示: var rangeInput = document.forms.myformname.amountRange; if (rangeInput.type === 'range') { // This browser supports range. } else { rangeInput.s

我使用范围输入来调整web应用程序中的缩放。我使用一些JavaScript将其与旁边的文本输入同步,这样用户可以在移动滑块时看到值,还可以键入所需的值


Javascript可以检测输入类型,如下所示:

var rangeInput = document.forms.myformname.amountRange;
if (rangeInput.type === 'range') {
  // This browser supports range.
}
else {
  rangeInput.style.display 'none';
}

似乎试图设置
input.type=“somethingiedesntUnderstand”
实际上会导致IE9出错;所有浏览器都会根据它们所知道的内容过滤可能的类型。

您可以轻松处理所有html浏览器不兼容问题,并利用使用它们,请确保导入库:

<script src="https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.min.js"></script> 

哦,那么
input.type
在旧浏览器上默认为“text”?很简单,谢谢!这是一个有趣的库,但我不认为我会在这个网站上使用它,它只需要与IE9和更高版本兼容。谢谢分享。
.no-cssreflections {
            border-radius: 15px;
        }