HTML <input>は属性を受け入れます
例
ユーザーがファイル入力ダイアログボックスから選択できるファイルの種類を指定します。
<form action="/action_page.php">
<label for="img">Select image:</label>
<input type="file" id="img"
name="img" accept="image/*">
<input type="submit">
</form>
定義と使用法
このaccept
属性は、ユーザーがファイル入力ダイアログボックスから選択できるファイルの種類のフィルターを指定します。
注:このaccept
属性は、でのみ使用できます
<input type="file">
。
ヒント:この属性を検証ツールとして使用しないでください。ファイルのアップロードはサーバーで検証する必要があります。
ブラウザのサポート
表の数字は、属性を完全にサポートする最初のブラウザーバージョンを示しています。
Attribute | |||||
---|---|---|---|---|---|
accept | 26.0 | 10.0 | 37.0 | 11.1 | 15.0 |
構文
<input accept="file_extension|audio/*|video/*|image/*|media_type">
ヒント:複数の値を指定するには、値をコンマで区切ります(例:<input accept="audio/*,video/*,image/*" />
。
属性値
Value | Description |
---|---|
file_extension | Specify the file extension(s) (e.g: .gif, .jpg, .png, .doc) the user can pick from |
audio/* | The user can pick all sound files |
video/* | The user can pick all video files |
image/* | The user can pick all image files |
media_type | A valid media type, with no parameters. Look at IANA Media Types for a complete list of standard media types |
❮HTML<input>タグ