HTML - accept 屬性

HTML accept 屬性用於定義伺服器將接受的檔案型別（透過檔案上傳提交）。

它接受以逗號分隔的一個或多個檔案型別或唯一檔案型別說明符（例如 image、audio、video、document 等）作為值。不要使用此屬性來驗證表單，因為檔案上傳應在伺服器端進行驗證。

HTML accept 屬性只能與<input type="file"> 標籤一起使用，HTML5 中不支援。

語法

<input type = "file" accept = "value" />

應用於

以下列出的元素允許使用 HTML accept 屬性。

元素	描述
<input>	HTML <input> 標籤用於指定輸入欄位。

HTML accept 屬性示例

您可以在表單中的輸入欄位中使用以下 accept 屬性示例，以演示使用者如何根據指定的型別上傳檔案。

指定伺服器接受的檔案

Accept 屬性可用於指定使用者可以選擇的副檔名，例如 .jpg、.png、.pdf。

<!DOCTYPE html>
<html lang="en">

<head>
   <title>
      Specifying Files that Server Accept
   </title>
</head>

<body>
   <h2>
      Accepting only image files with 
      specific extensions
   </h2>
   <form>
      <label for="images">
         Select an image file (.jpg, .jpeg, .png, .gif):
      </label>
      <input type="file"
            id="images"
            name="images"
            accept=".jpg, .jpeg, .png, .gif">
      <br><br>
      <input type="submit" value="Submit">
   </form>
</body>

</html>

僅接受音訊/影片檔案

Accept 屬性可用於指定使用者可以選擇音訊、影片或影像（所有副檔名）。

<!DOCTYPE html>
<html>

<head>
   <title>Accepting audio/video file only</title>
</head>

<body>
   <h1>Accepting audio/video file only</h1>
   <form>
      <!-- Accepting all audio files -->
      <label for="audio">
         Select an audio file:
      </label>
      <input type="file"
            id="audio"
            name="audio"
            accept="audio/*">
      <br><br>

      <!-- Accepting all video files -->
      <label for="video">
         Select a video file:
      </label>
      <input type="file"
            id="video"
            name="video"
            accept="video/*">
      <br><br>
      <input type="submit" value="Submit">
   </form>
</body>

</html>

僅接受影像檔案

Accept 屬性可用於選擇任何副檔名的影像。

<!DOCTYPE html>
<html>

<head>
      <title>
         Accept Attribute to select all image types
      </title>
</head>

<body>
   <h1>
      Accept Attribute to select all image types
   </h1>
   <form>
      <!-- Accepting all image files -->
      <label for="image">
         Select an image file:
      </label>
      <input type="file"
            id="image"
            name="image"
            accept="image/*">
      <br><br>
      <input type="submit" value="Submit">
   </form>
</body>

</html>

支援的瀏覽器

屬性
accept	8.0	10.0	4.0	6.0	15.0

html_attributes_reference.htm

列印頁面