「時間」入力ボックスを取得したい(時間を増減する矢印をまく)。次のコードは chrome/mozilla では機能しますが、Internet Explorer では機能しません:
<label for="moduleStart">Hours from:</label>
<input type="time" name="moduleStart" class="dateFormat"/>
これはどのように修正できますか?
「時間」入力ボックスを取得したい(時間を増減する矢印をまく)。次のコードは chrome/mozilla では機能しますが、Internet Explorer では機能しません:
<label for="moduleStart">Hours from:</label>
<input type="time" name="moduleStart" class="dateFormat"/>
これはどのように修正できますか?
多くの要素タイプは HTML5 で新しく追加されたため、古いブラウザーではサポートされていません。HTML5 以外のブラウザでは、ポリフィルを使用できます。
この場合、次のようなものです:
http://dl.dropbox.com/u/598365/html5forms/html5forms.html
目的は、これらの新しい HTML5 機能のすべてをまだサポートしていないブラウザーでも、作成者がほとんどの HTML5 コントロール タイプと属性を使用できるようにすることです。これらの機能の一部は、Opera の最新バージョンにのみ実装されており、一部は Webkit ベースのブラウザーに実装されています。これを実現するには、これらの新しいタイプの正しい検証を認識して処理し、設定できる機能が必要です。
Internet Explorer は、この入力タイプをサポートしていません。
HTML5 Modernizerを使用して、新しい入力をサポートしていないブラウザーで HTML5 の新しい入力タイプをサポートする
ドキュメントから:
これらのタイプは、ネイティブの日付ピッカー、カラーピッカー、URL 検証などを有効にできます。ブラウザが特定のタイプをサポートしていない場合、テキスト フィールドとしてレンダリングされます。Modernizr は、日付入力が日付ピッカーを作成すること、色入力がカラーピッカーを作成することなどを検出できません。仕様に基づいて入力値がサニタイズされていることを検出します。WebKit の場合、UI ウィジェットが配置されていないとサニタイズは追加されないという確認を受け取りました。