HTML <input> accept 属性

HTML <input> etikett

定义和用法

accept 属性为用户可以从文件输入对话框中选择的文件类型规定一个过滤器。

accept 属规定的是能够通过文件上传进行提交的文件类型。

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

Tips:请不要将此属性用作验证工具。文件上传应在服务器段进行验证。

实例

规定用户可以从文件输入对话框中选择的文件类型：

<form action="/action_page.php">
  <label for="img">请选择图片：</label>
  <input type="file" id="img" name="img" accept="image/*">
  <input type="submit">
</form>

Prova det själv

Syntaks

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

Tips:Om du vill specificera flera värden, separera dessa med kommatecken (t.ex. <input accept="audio/*,video/*,image/*" />.

Egenskapsvärde

Värde Beskrivning
file_extension Definiera de filutökningar som användaren kan välja (t.ex. .gif, .jpg, .png, .doc)
audio/* Användaren kan välja alla ljudfiler
video/* Användaren kan välja alla videofiler
image/* Användaren kan välja alla bildfiler
media_type

Giltiga mediatyper, utan parametrar.

Se IANA mediatyper för en fullständig lista över standardmediatyper.

Webbläsarstöd

Numrerna i tabellen anger den första webbläsaren som helt stöder egenskapen.

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

HTML <input> etikett