HTML <input> accept 屬性

HTML <input> 標簽

定義和用法

accept 屬性為用戶可以從文件輸入對話框中選擇的文件類型規定一個過濾器。

accept 屬規定的是能夠通過文件上傳進行提交的文件類型。

注意：accept 屬性只能與 <input type="file"> 一起使用。

提示：請不要將此屬性用作驗證工具。文件上傳應在服務器段進行驗證。

實例

規定用戶可以從文件輸入對話框中選擇的文件類型：

<form action="/action_page.php">
  <label for="img">請選擇圖片：</label>
  <input type="file" id="img" name="img" accept="image/*">
  <input type="submit">
</form>

親自試一試

語法

<input accept="file_extension|audio/*|video/*|image/*|media_type">

提示：如需指定多個值，請用逗號分隔這些值（例如 <input accept="audio/*,video/*,image/*" />。

屬性值

值 描述
file_extension 規定用戶可以選擇的文件擴展名（例如：.gif、.jpg、.png、.doc）
audio/* 用戶可以選擇所有聲音文件
video/* 用戶可以選擇所有視頻文件
image/* 用戶可以選擇所有圖像文件
media_type

有效的媒體類型，沒有參數。

請查看 IANA 媒體類型，以獲取標準媒體類型的完整列表。

瀏覽器支持

表中的數字注明了首個完全支持該屬性的瀏覽器版本。

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
26.0 10.0 37.0 11.1 15.0

HTML <input> 標簽