HTML accept 属性

htmlweb developmentfront end technology更新于 2025/8/7 8:44:17

HTML 中的 accept 属性适用于 <input> 和 <form> 元素。但是，HML5 不支持表单 accept 属性，因此我们将讨论 <input> accept 属性。

如果您想设置一个过滤器，以便用户可以从输入类型文件中选择文件类型，请使用 <input> accept 属性。

以下是语法 −

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

以上参数减号

extension:指定用户可以选择的文件扩展名(例如:.gif、.jpg、.png、.doc)
audio/*:用户选择所有声音文件
video/*:用户选择所有视频文件
image/*:用户选择所有图像文件
media_type:有效的媒体类型，包括 image/png、image/tiff、image/bmp 等。

现在让我们看一个实现 accept 属性的示例。在这里，我们将 accept 属性设置为 image/png 的文件类型 −

示例

<!DOCTYPE html>
<html>
<body>
<h2>Subject-wise rank</h2>
<form action="">
   <label for="stinfo">Student:</label>
   <input type="text" id ="stinfo"><br>
   <label for="sub">Subject:</label>
   <input type="text"><br>
   <label for="rank">Rank:</label>
   <input type="number"><br>
   <label for="marks">Marks:</label>
   <input type="number"><br><br>
   <label for="result">Upload Result Sheet</label><br>
   <input type="file" name="img" accept="image/png"><br><br>
   <input type="submit">
</form>
</body>
</html>