HTML <input> accept 屬性
示例
指定使用者從檔案輸入對話方塊中可以選擇的檔案型別
<form action="/action_page.php">
<label for="img">選擇圖片：</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="副檔名|audio/*|video/*|image/*|媒體型別">
提示： 要指定多個值，請用逗號分隔值（例如 <input accept="audio/*,video/*,image/*" />）。
屬性值
| 值 | 描述 |
|---|---|
| 副檔名 | 指定使用者可以選擇的副檔名（例如：.gif、.jpg、.png、.doc） |
| audio/* | 使用者可以選擇所有聲音檔案 |
| video/* | 使用者可以選擇所有影片檔案 |
| image/* | 使用者可以選擇所有影像檔案 |
| media_type | 一個有效的媒體型別，不帶引數。請參閱 IANA 媒體型別以獲取標準媒體型別的完整列表 |
❮ HTML <input> 標籤
