HTML <input> accept屬性用法及代碼示例

HTML <input> accept屬性用於指定服務器接受的文件類型。此屬性隻能與<input type =“ file”>元素一起使用。此屬性不用於驗證工具，因為應該在服務器上驗證文件上載。

用法:

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

屬性值

file_extension:它指定用戶可以從中選擇的文件擴展名，例如.gif，.jpg，.png，.doc。
audio/*:用戶可以選擇所有聲音文件。
video/*:用戶可以選擇所有視頻文件。
image/*:：有效的媒體類型，無參數。查看IANA媒體類型以獲取標準媒體類型的完整列表
media_type:沒有參數的有效媒體類型。

例：

<!DOCTYPE html> 
<html> 
  
<head> 
    <title> 
      HTML input accept attribute 
  </title> 
    <style> 
        body { 
            text-align:center; 
        } 
          
        h1 { 
            color:green; 
        } 
    </style> 
</head> 
  
<body> 
    <h1>GeeksForGeeks</h1> 
    <h2> 
      HTML <input> accept attribute 
  </h2> 
    <form action=" "> 
        <input type="file" 
               name="picture" 
               accept="image/*"> 
        
        <input type="submit"> 
    </form> 
</body> 
  
</html>

輸出：

支持的瀏覽器：下麵列出了HTML <input> accept Attribute支持的瀏覽器：

穀歌瀏覽器8.0
Internet Explorer 10.0
Firefox 4.0
蘋果Safari 6.0
Opera 15.0

相關用法

注：本文由純淨天空篩選整理自ManasChhabra2大神的英文原創作品 HTML | <input> accept Attribute。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。