データリスト要素

- LS

テキストフィールドでユーザーが選択できるオプションのリストを設定する方法。カスタム値を入力する機能は維持されます。

Chrome

  1. 4 - 19: 未サポート (ただし、ポリフィルが利用可能です)
  2. 20 - 68: 部分的なサポート
  3. 69 - 123: サポート済み
  4. 124: サポート済み
  5. 125 - 127: サポート済み

Edge

  1. 12 - 15: 部分的なサポート
  2. 16 - 18: 部分的なサポート
  3. 79 - 123: サポート済み
  4. 124: サポート済み

Safari

  1. 3.1 - 12: 未サポート (ただし、ポリフィルが利用可能です)
  2. 12.1 - 17.3: サポート済み
  3. 17.4: サポート済み
  4. 17.5 - TP: サポート済み

Firefox

  1. 2 - 3.6: 未サポート (ただし、ポリフィルが利用可能です)
  2. 4 - 101: 部分的なサポート
  3. 102 - 109: 部分的なサポート
  4. 110 - 124: サポート済み
  5. 125: サポート済み
  6. 126 - 128: サポート済み

Opera

  1. 9 - 12.1: サポート済み
  2. 15 - 63: 部分的なサポート
  3. 64 - 108: サポート済み
  4. 109: サポート済み

IE

  1. 5.5: 未サポート
  2. 6 - 9: 未サポート (ただし、ポリフィルが利用可能です)
  3. 10: 部分的なサポート
  4. 11: 部分的なサポート

Android版Chrome

  1. 124: サポート済み

iOS版Safari

  1. 3.2 - 12.1: 未サポート (ただし、ポリフィルが利用可能です)
  2. 12.2 - 17.3: サポート済み
  3. 17.4: サポート済み
  4. 17.5: サポート済み

Samsung Internet

  1. 4 - 23: サポート済み
  2. 24: サポート済み

Opera Mini

  1. すべて: 未サポート

Opera Mobile

  1. 10 - 12.1: サポート済み
  2. 80: サポート済み

Android版UCブラウザ

  1. 15.5: サポート済み

Androidブラウザ

  1. 2.1 - 4.4: 未サポート (ただし、ポリフィルが利用可能です)
  2. 4.4.3: サポート済み
  3. 124: サポート済み

Android版Firefox

  1. 125: 未サポート

QQブラウザ

  1. 14.9: サポート済み

百度ブラウザ

  1. 13.52: サポート済み

KaiOSブラウザ

  1. 2.5: 未サポート
  2. 3: 未サポート

データリストは、最も一般的にはテキストフィールドで使用されますが、他の入力タイプにも使用できます。IE11は、`range`フィールドの要素をサポートしています。ChromeとOperaは、`range`、`color`、および日付/時刻フィールドで指定された値を提案するために、データリストもサポートしています。

リソース
データリストのサポートを含むHTML5ライブラリ
北村さんのオプションのデモとテスト
MDN Web Docs - datalist
最小限でライブラリ依存のないVanilla JavaScriptポリフィル
チュートリアル付きの最小限のデータリストポリフィル
Mozilla Hacksの記事
WebPlatformドキュメント