HTML <input> accept 属性

HTML <input> -elementti

定义和用法

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

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

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

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

实例

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

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

Kokeile itse

Syntaksi

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

Vinkki:Jos haluat määrittää useita arvoja, erottele ne pilkulla (esim. <input accept="audio/*,video/*,image/*" />.

Atribuuttiarvo

Arvo Kuvaus
file_extension Määritetään käyttäjän valitsemat tiedostopäätteen laajennukset (esim. .gif, .jpg, .png, .doc)
audio/* Käyttäjä voi valita kaikki äänitiedostot
video/* Käyttäjä voi valita kaikki videotiedostot
image/* Käyttäjä voi valita kaikki kuvatiedostot
media_type

Vahvistetut media-tyypit, ilman parametreja.

Tarkista IANA media-tyypit saadaksesi täydellisen luettelon standardista media-tyypeistä.

Selaimen tuki

Taulukossa olevat numerot osoittavat ensimmäisen täysin tukevan selaimen version.

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

HTML <input> -elementti