HTML属性

inputmode

inputmode 全局属性 是一个枚举属性，在移动端它提供了用户在编辑元素或其内容时可能输入的数据类型的提示。

<!-- 默认值，使用用户本地区域设置的标准文本输入键盘。 -->
<input type="text" inputmode="text" />
<!-- 电话输入键盘，包含 0 到 9 的数字、星号（*）和井号（#）键。表单输入里面的电话输入通常应该使用 `<input type="tel"> ` -->
<input type="text" inputmode="tel" />
<!-- 为网址输入优化的虚拟键盘，比如，“/”键会更加明显、历史记录访问等。表单里面的网址输入通常应该使用 `<input type="url">` -->
<input type="text" inputmode="url" />
<!-- 为邮件地址输入优化的虚拟键盘，通常包含"@"符号和其他优化。表单里面的邮件地址输入应该使用 `<input type="email">` -->
<input type="text" inputmode="email" />
<!-- 数字输入键盘，所需要的就是 0 到 9 的数字，设备可能也可能不显示减号键。 -->
<input type="text" inputmode="numeric" />
<!-- 小数输入键盘，包含数字和分隔符（通常是“ . ”或者“ , ”），设备可能也可能不显示减号键。 -->
<input type="text" inputmode="decimal" />
<!-- 为搜索输入优化的虚拟键盘，比如，返回键可能被重新标记为“搜索”，也可能还有其他的优化。 -->
<input type="text" inputmode="search" />
<!-- 无虚拟键盘。在应用程序或者站点需要实现自己的键盘输入控件时很有用。 -->
<input type="text" inputmode="none" />

poster

poster 这个属性指向了一个图像的 URL，这个图像会在视频播放前显示。通常用于粗略的预览或者广告。

<video src="video.mp4" poster="ad.jpg"></video>

multiple

• 通常用于文件选择和下拉列表。
• 当用于文件选择时:可选择多个文件
• 当用于下拉列表时:可选中多个选项

<input type="file" multiple />

<select multiple>
    <option>...</option>
</select>

accesskey

可以为元素设置快捷键，当按下快捷键后，可以聚焦元素。

<!-- 按下键盘 Alt + b 可聚焦元素 -->
<input type="text" accesskey="b" />

激活 accesskey 的操作取决于浏览器及其平台

tabindex

tabindex 属性允许开发者改变元素的默认的键盘导航顺序。

<input type="text" tabindex="1" />
<input type="text" tabindex="3" />
<input type="text" tabindex="2" />

download

download 属性允许用户下载链接的内容。

<a href="https://www.baidu.com" download>下载百度</a>
<!-- 下载文件名为百度.html -->
<a href="https://www.baidu.com" download="百度.html">下载百度</a>

dir

dir 属性设置元素的文本方向。

<p dir="rtl">从右到左排版</p>
<p dir="ltr">从做到右排版</p>
<p dir="auto">自动排版</p>

spellcheck

spellcheck 属性设置元素是否应该有拼写检查。

该属性可以启用拼写检查，通常用于富文本编辑

<div contenteditable spellcheck="true">how ar you</div>

小提示

contenteditable 表示元素是否可被用户编辑

translate

translate 可以指定某个元素的内容是否应该触发翻译，具体如何翻译取决于浏览器的设置。

<!--开启翻译 -->
<div translate="yes">how are you</div>
<!--关闭翻译 -->
<div translate="no">how old are you</div>D