HTML

1、accept

HTML允许创建输入，可以在其中上传文件。除此之外，HTML属性accept还用于上传输入，以指定文件类型或用户可以上传到服务器的唯一格式。accept 属性只能与 <input type="file"> 一起使用。
例如，可以接受仅上传jpg并上传png到服务器。
示例如下：

  1. <input type ="file" accept =".jpg,.png" >

2、multiple

multiple 属性可以附加到标记<input>和<select>中。它允许用户输入多个值。
例如，还可以允许用户上载多个文件。
示例如下：

  1. <input type ="file" multiple />

3、contenteditable

该属性contenteditable用于使HTML内容在网页上可编辑。基本上，它允许用户编辑具有contenteditable属性的页面元素。
在HTML中，任何元素都可以编辑。使用一些JavaScript事件处理程序，可以把网页转换成一个完整而快速的富文本编辑器。当一个HTML元素的 contenteditable 设置为 true 时，document.execCommand() 方法就可用了。这可以运行命令来操作可编辑区域的内容。
示例如下：

  1. <div>
  2.   <h1> Employees: </h1>
  3.   <ul contenteditable="true">
  4.     <li> 1. John </li>
  5.     <li> 2. Mehdi </li>
  6.     <li> 3. James </li>
  7.   </ul>
  8. </div>

上面的示例中可以编辑网页上的列表。

4、Download

download属性在HTML中指定当用户单击链接时将下载链接。此属性允许用户从网站下载文件。
示例如下：

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

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

5、translate

translate属性用于告诉内容是否应该翻译。可以将其附加到所有HTML标记，因为它是全局属性。
例如，每当将页面翻译成另一种语言时，就可以在文本徽标上使用此属性，以保持相同的品牌名称。
这是代码示例：

  1. <p translation ="no"> Mehdi </ p>

6、poster

Poster属性用于在HTML视频下载时或用户单击播放按钮之前显示图像。如果不包括这个，将使用视频的第一帧来代替。
代码示例如下：

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

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

7、pattern

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

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

8、Hidden

hidden 属性是一个布尔属性。如果存在，浏览器将不会显示指定了 hidden 属性的元素。

  1. <p hidden>You won't see me on the browser, only developers can!</p>