HTML具有可以附加到元素或标签的属性，以便向元素添加某些交互功能。今天介绍一些大家可能用的上的 HTML 属性。

accept

HTML 属性 accept 用于上传输入指定文件类型的唯一格式。

例如，仅能上传 jpg、png 到我们的服务器，示例如下：

<input type=“file” accept=“.jpg,.png” >

multiple

该属性可附加到<input>和<select>中，允许用户输入多个值，示例如下：

<input type=“file” multiple>

contenteditable

它允许用户编辑具有 contenteditable 属性的页面元素，示例如下：

<div>
     <h1>Name:</h1>
     <ul contenteditable="true">
       <li>1.John</li>
       <li>2.Mehdi</li>
       <li>3.James</li>
     </ul>
</div>

上面的示例让我们可以编辑网页上的列表。

Download

指定当用户单击链接时将下载链接，示例如下：

<div> 
<a href="index.html" download="fileName">下载此文件</a> 
</ div>

只需在属性上指定文件名，指定 download 文件的 href 路径。

translate

用于告诉内容是否应该翻译，可以将其附加到所有 HTML 标记。

<p translation=“no”>Mehdi</p>

poster

用于在 HTML 视频下载时或单击播放按钮前显示图像，代码示例如下：

<video poster="picture.jpeg" controls>
   <source src="file.mp4" type="file/mp4">
   <source src="file.ogg" type="file/ogg">
</video>

单击播放按钮之前，图像将显示为视频的缩略图。

pattern

可以轻松地将正则表达式添加到表单内的输入元素，还可以将 title 属性与 pattern 属性一起使用，提醒用户在输入上编写正确的形式，代码示例如下：

<form >
  <label for="input">Country Code:</label>
  <input type="text" id="input" pattern="[A-Za-z]{3}" title="Three letters country code">
  <input type="submit">
</form>