showPicker() for <input>

概要

HTMLInputElement.showPicker() は日付ピッカー、カラーピッカー、ファイルダイアログなどの入力UIをプログラムから表示します。

対応ブラウザ

基本構文

<input type="date" id="dateInput">
<button onclick="document.getElementById('dateInput').showPicker()">
  日付を選択
</button>

実務での使いどころ

• showPicker() for <input> の活用

  input.showPicker()。プログラムから入力ピッカーを表示するメソッド。

注意点

アクセシビリティ

• スクリーンリーダーでの読み上げを確認すること。

参考リンク

• MDN Web Docs — showPicker() for <input>