これは昨日か一昨日には機能していたと確信していますが<input type="number" min="0" max="50" step="10" value="0" />
、たとえば、IE10 では機能しなくなりました。http://ie.microsoft.com/testdrive/HTML5/Forms/Default.htmlでブラウザをテストしましたが、もう機能しません。この問題を抱えている他の人はいますか?それとも、うまくいきませんでしたか?
6 に答える
Internet Explorer 10 は数値入力をサポートしています。これは、ドキュメントをざっと調べただけでなく、ブラウザ自体で使用しようとしたことからも明らかです。たとえば、数値入力に文字を配置しようとすると、コントロールがフォーカスを失ったときに値がクリアされます。
前述のテストをプログラムで実行することにより、number のサポート機能を検出することもできます。
// Create the element
var element = document.createElement( "input" );
// Give it the number property and invalid contents
element.type = "number";
element.value = "qwerty";
// Value should be empty
alert( element.value ? "Not Supported" : "Supported" );
このテストを実行してください: http://jsfiddle.net/VAZwT/
段階的に強化された UI (スピナー) をコントロール自体のサポートと同一視している可能性が非常に高いです。これがすでに何人かの人々を混乱させているのを見てきました。一部のブラウザーは、数値入力を追加のコントロールで補完しますが、これは (私の知る限り) サポートの要件ではありません。
min
、max
、およびstep
jsfiddleのいくつかの簡単なテスト: http://jsfiddle.net/sDVK4/show/
より適切であるため、以下の回答を優先してくださいSampson
IE は input type="number" をサポートしていませんが、ポリフィルを使用して機能させることができます。
ここに解決策があります:http://html5please.com/#number
IE10 には番号のサポートがありません。出典:まだ使えますか?
Windows 8 テスト マシンで確認したところ、IE10 のテスト ドライブ サイトに数値スピナーはありません。
Microsoft には、input type=number の検証バグ/エラーがまだあります。これは IE11 にもあります。
私が再び Internet Explorer を好きになり始めたとき、IE12 でこれを修正できることを願っています。