HTML <input> accept属性
例
ファイルアップロードでサーバーが画像ファイルのみを受け付けるように指定します:
<form action="demo_form.html">
<input type="file" name="pic" accept="image/*">
<input type="submit">
</form>
<input type="file" name="pic" accept="image/*">
<input type="submit">
</form>
試してみる »
ブラウザサポート
![]()
![]()
![]()
![]()
![]()
Internet Explorer 10、Firefox、Opera、Chrome、Safari 6 は accept 属性をサポートしています。
注意:Internet Explorer 9 以前のバージョンは <input> タグの accept 属性をサポートしていません。
定義と使い方
accept 属性は、ファイルアップロードで送信できるサーバーが受け付けるファイルタイプを指定します。
注意:accept 属性は <input type="file"> にのみ適用されます。
ヒント:この属性を検証ツールとして使用しないでください。ファイルアップロードの検証はサーバー側で行う必要があります。
HTML 4.01 と HTML5 の違い
なし。
構文
<input accept="audio/*|video/*|image/*|MIME_type">
ヒント:複数の値を指定する場合は、カンマで区切ります(例: <input accept="audio/*,video/*,image/*" />)。
属性値
| 值 | 説明 |
|---|---|
| audio/* | すべての音声ファイルを受け付けます。 |
| video/* | すべての動画ファイルを受け付けます。 |
| image/* | すべての画像ファイルを受け付けます。 |
| MIME_type | パラメータなしの有効な MIME タイプ。参照:IANA MIME タイプ、標準的な MIME タイプの完全なリストを参照してください。 |
HTML <input> タグ その他の拡張