你不知道的HTML属性
input
inputmode
在移动端，inputmode值会影响弹出的键盘布局
html
<!-- 默认值，普通任意文本 -->
<input type="text" inputmode="text" />
<!-- 电话号码 -->
<input type="text" inputmode="tel" />
<!-- url地址 -->
<input type="text" inputmode="url" />
<!-- 邮箱 -->
<input type="text" inputmode="email" />
<!-- 数字 -->
<input type="text" inputmode="numeric" />
<!-- 小数 -->
<input type="text" inputmode="decimal" />
<!-- 搜索 -->
<input type="text" inputmode="search" />accesskey
可以为元素设置快捷键，当按下快捷键后，可以聚焦元素。
html
<!-- 在谷歌浏览器中，按下键盘 Alt + b 可聚焦该元素 -->
<input type="text" accesskey="a" />在不同操作系统或者浏览器中，快捷键的触发方式可能不同，具体可以查看MDN
提示
此属性可以作用于所有可聚焦的元素。
multiple
通常用于文件选择和下拉列表。当用于文件选择时：可选择多个文件
html
<!-- 文件选择 -->
<input type="file" multiple />tabindex
用户可以使用tab键切换聚焦的元素，默认情况下，切换的顺序和元素顺序一致，如果希望不一致，可以通过tabindex属性进行手动干预。
html
<!-- 默认值，按下 tab 键后，会先聚焦该元素 -->
<input type="text" />
<!-- 按下 tab 键后，会先聚焦该元素 -->
<input type="text" tabindex="1" />
<!-- 按下 tab 键后，会先聚焦该元素 -->
<input type="text" tabindex="2" />提示
此属性可以作用于所有可聚焦的元素。
video
poster
用于设置视频的封面（视频播放前显示的图像），默认显示视频的第一帧。
html
<video poster="poster.jpg" src="video.mp4"></video>select
multiple
通常用于文件选择和下拉列表。当用于下拉列表时：可选中多个选项
html
<!-- 下拉列表 -->
<select multiple>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>a
download
当download属性存在时，点击链接会下载资源，而不是跳转。
html
<!-- 下载文件 -->
<a href="http://example.com/file.jpg" download>下载</a>
<!-- 还可以更改下载时默认的文件名 -->
<a href="http://example.com/file.jpg" download="file.jpg">下载</a>p
dir
用于设置文本的排列方向，默认为auto，即根据文本内容自动判断。
html
<!-- 默认值，根据文本内容自动判断 -->
<p dir="auto">مرحبا بالعالم، كيف حالك اليوم؟</p>
<!-- 从左到右 -->
<p dir="ltr">Hello World</p>
<!-- 从右到左 -->
<p dir="rtl">Hello World</p>效果
مرحبا بالعالم، كيف حالك اليوم؟
Hello World
Hello World
提示
此属性可以作用于所有文本元素，如p、span、div等。
div
contenteditable
用于设置元素是否可编辑，默认为false，即不可编辑。
html
<!-- 可编辑 -->
<div contenteditable="true">可编辑</div>