02116 常用标签-2

html 常用标签-2

1. Emmet 语法

指令+tab

1. 结构: !

2. 内容:{text}

3. 属性:[attr],#id,.class

4. 重复: *

5. 父子: >

6. 兄弟: +

7. 父级: ^

8. 分组: (emmet)

9. 序号: $,$@

---

2. 表格元素

2.1 标签

1. 表格: <table>

2. 标题: <caption>

3. 表头: <thead>

4. 表体: <tbody>

5. 表尾: <tfoot>

6. 行: <tr>

7. 列/单元格:<td>,<th>

2.2 属性

1. 水平方向列合并: td/th.colspan

2. 垂直方向列合并: td/th.rowspan

---

3. 表单

3.1 常用标签

1. <form>: 表单控件的容器

2. <fieldset>: 表单控件分组容器

3. <label>: 控件标签名称

4. <input>: 输入控件,类型由 type 属性决定

5. <select>+<option>: 下载列表框

6. <input>+<datalist>+<option>: 预定义列表框

7. <textarea>: 文本域(多行文本框)

8. <button>: 按钮,默认同步提交(type=”submit”)

3.2 常用属性

1. form.id: 表单引用

2. form.action: 表单处理脚本

3. form.method: 表单提交方式(GET/POST)

4. form.enctype: 表单数据编码方式

5. form.onsubmit: 表单提交事件

6. input.type: 输入控件类型

7. input.type="text": 单行文本框(默认)

8. input.type="email": 邮箱控件

9. input.type="password": 密码控件(密文)

10. input.type="number": 数值控件

11. input.type="date": 日期控件

12. input.type="color": 拾色器

13. input.type="url": URL 控件

14. input.type="search": 搜索框控件

15. input.type="hidden": 隐藏域控件

16. input.type="file": 文本域控件

17. input.type="radio": 单选按钮

18. input.type="checkbox": 复选框

19. select.name+option.value: 下拉列表框

20. input.list+datalist.id: 预定义列表框

21. textarea.cols/rows: 文本域(多行文本框)

22. button.type: 按钮(默认提交:type=”submit”)