<input type="file">
<input type="file"> はユーザーがデバイスからファイルを選択してアップロードするためのコントロールを提供します。
概要
<input type="file"> はユーザーがデバイスからファイルを選択してアップロードするためのコントロールを提供します。
対応ブラウザ
デスクトップ
Chrome 2+
Edge 12+
Safari 4+
Firefox 3+
モバイル
Chrome Android 18+
Safari iOS 3+
Firefox Android 4+
基本構文
HTML
<label>ファイル選択:
<input type="file" accept="image/*">
</label>
<label>複数ファイル:
<input type="file" multiple accept=".pdf,.doc,.docx">
</label>実務での使いどころ
-
<input type="file"> の活用
ファイル選択入力要素。ファイルアップロード機能に使用。
注意点
- 古いブラウザでは対応していない場合がある。
アクセシビリティ
- スクリーンリーダーでの読み上げを確認すること。