元素划分，全局属性，输入元素的类型

元素划分

1	1	1	1
根元素	头部根元素	文档相关信息	体部根元素
某块区域	文本内容	一个列表	图片和多媒体
内嵌资源	SVG 和 MathML	所用脚本	编辑标识
数据表格	信息表单	与之交互	Web 组件

---

全局属性

即全部元素都可附带的属性，可分为

1	1
元素	影子树
元素相关	属性
内容	输入优化
虚拟键盘	微数据

---

元素

• accesskey
  用于访问这个元素的快捷键
• tabindex
  这个元素在制表键跳跃路线中的位置
• autofocus
  文档被呈现时，这个元素自动拥有焦点
• inert
  使浏览器忽略这个元素
• is
  将这个元素变为自定义元素
• popover
  将这个元素变为弹出框元素
• draggable
  使这个元素可被拖动
• hidden
  这个元素尚未或不再相关

---

影子树

• exportparts
  暴露这个元素中的影子树
• part
  它是影子树中的元素
• slot
  将这个元素变为影子树中的插槽

---

元素相关

• dir
  这个元素中，文本的方向
• lang
  这个元素使用的语言
• nonce
  这个元素使用的一次性随机数

---

属性

• data-
  这个元素附带的自定义属性
• class
  这个元素附带的类属性
• id
  这个元素附带的编号属性
• style
  这个元素附带的样式属性
• title
  这个元素附带的 说明用 属性

---

内容

• contenteditable
  对这个内容进行编辑
• translate
  对这个内容进行翻译

---

输入优化

• autocapitalize
  这个元素中，英文字符的纸面形式
• spellcheck
  找出这个元素中的拼写错误
• writingsuggestions
  使浏览器提供写作建议

---

虚拟键盘

• virtualkeyboardpolicy
  接触这个元素时，显示虚拟键盘
• inputmode
  接触这个元素时，显示的虚拟键盘
• enterkeyhint
  这个虚拟键盘上，回车键的标识

---

微数据

• itemid
  这个微数据化内容关联的，词汇表的编号
• itemprop
  这个微数据化内容关联的，词汇表中的条目
• itemscope
  这个微数据化内容关联的，词汇表的生效范围
• itemtype
  这个微数据化内容关联的，词汇表的地址

---

输入元素的类型

主要有

1	1	1
按钮	选择框	时间选择器
输入框	文件选择器	拾色器

---

按钮

有一个点击按钮

有一个提交按钮

有一个图形化提交按钮

有一个重置按钮

---

选择框

有一个复选框

有一个单选框

---

期间选择器

有一个日期选择器

有一个时间选择器

有一个日期时分选择器

有一个年月选择器

有一个年周选择器

---

输入框

有一个单行文本输入框

有一个数字输入框

有一个密码输入框

有一个范围之内输入框

有一个查询字符输入框

有一个电话号码输入框

有一个电邮地址输入框

有一个隐藏输入框

有一个资源地址输入框

---

有一个文件选择器

有一个拾色器

---