Menu
×
   ❮     
HTML CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO W3.CSS C C++ C# BOOTSTRAP REACT MYSQL JQUERY EXCEL XML DJANGO NUMPY PANDAS NODEJS R TYPESCRIPT ANGULAR GIT POSTGRESQL MONGODB ASP AI GO KOTLIN SASS VUE DSA GEN AI SCIPY AWS CYBERSECURITY DATA SCIENCE
     ❯   

HTML <input> accept 属性

❮ HTML <input> 标签

示例

指定用户可以在文件输入对话框中选择的 文件类型

<form action="/action_page.php">
  <label for="img">选择图像:</label>
  <input type="file" id="img" name="img" accept="image/*">
  <input type="submit">
</form>
自己尝试 »

定义和用法

The accept 属性指定一个过滤器,用于过滤用户可以在文件输入对话框中选择的 文件类型。

注意:accept 属性只能用于 <input type="file">

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


浏览器支持

表格中的数字指定第一个完全支持该属性的浏览器版本。

属性
accept 26.0 10.0 37.0 11.1 15.0

语法

<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 媒体类型 以获取标准媒体类型的完整列表

❮ HTML <input> 标签
×

Contact Sales

If you want to use W3Schools services as an educational institution, team or enterprise, send us an e-mail:
[email protected]

Report Error

If you want to report an error, or if you want to make a suggestion, send us an e-mail:
[email protected]

W3Schools is optimized for learning and training. Examples might be simplified to improve reading and learning. Tutorials, references, and examples are constantly reviewed to avoid errors, but we cannot warrant full correctness of all content. While using W3Schools, you agree to have read and accepted our terms of use, cookie and privacy policy.

Copyright 1999-2024 by Refsnes Data. All Rights Reserved. W3Schools is Powered by W3.CSS.