网易微专业 前端工程师 学习笔记
2017-07-28 18:32
218 查看
1.3 HTML
#### 1.3.2.6 表格常用表格模版如右所示: 注:
元素或属性 | 意义 |
---|---|
caption | 表示表格名称 |
thead | 表示表格顶部 |
tbody | 表示表格主体 |
tfoot | 表示表格底注 |
tr | 表示行 |
th | 表示表头(可以是横着也可以是竖着) |
td | 正常单元格 |
rowspan | 可以合并行 |
colspan | 可以合并列 |
<table> <caption>abc</caption> <thead> <tr> <th> A </th> …… </tr> </thead> <tbody> <tr> <th rowspan = "2"> B </th> …… </tr> </tbody> <tfoot> <tr> <td colspan = "3"> C </td > …… </tr> </tfoot> </table >
#### 1.3.2.7表单
常用表单模版如右所示: 注:
元素或属性 | 意义 |
---|---|
action | 提交表单的后台接口 |
method | 表单提交的方式 |
fieldset | 分区 |
legend | 标题 |
input | 输入(有很多类型) |
type | file、checkbox、radio、text、submit、reset、email、url、number、tel、search、range、color、date picker |
button | submit、reset |
select | 下拉选择框 |
option | 选择项 |
textarea | 多行文本框 |
<form action = "/login" method = "post"> <fieldset> <legend>表格名称</legend> <lable> </lable> <input type = "" name = "" value = ""> <button type = "submit"></button> <select> <option value = "0">A</option> <option value = "1">B</option> <option value = "2" selected>C</option> <div> </div> </fieldset> </form> lable 和 input 等输入项 用 for 连接需使 for 后面的值与 input 中的 id 属性值相同
相关文章推荐
- 网易微专业 前端工程师 学习笔记
- 网易MySQL数据库工程师微专业学习笔记(二)
- 网易MySQL数据库工程师微专业学习笔记(五)
- 网易 | 数据结构和算法 | 学习笔记01:绪论
- 【笔记】网易微专业-Web安全工程师-04.WEB安全实战-2.暴力破解
- 【笔记】网易微专业-Web安全工程师-04.WEB安全实战-5.文件包含
- 网易MySQL数据库工程师微专业学习笔记(三)
- 网易MySQL数据库工程师微专业学习笔记(九)
- JavaScript的类型转换( 本贴来自网易前端微专业的个人学习笔记 )
- 网易MySQL数据库工程师微专业学习笔记(十)
- 网易MySQL数据库工程师微专业学习笔记(十四)
- 【笔记】网易微专业-Web安全工程师-04.WEB安全实战-6.文件上传
- 网易MySQL数据库工程师微专业学习笔记(七)
- 网易MySQL数据库工程师微专业学习笔记(六)
- 【笔记】网易微专业-Web安全工程师-04.WEB安全实战-3.命令注入
- 【笔记】网易微专业-Web安全工程师-04.WEB安全实战-7.SQL回显注入
- 网易MySQL数据库工程师微专业学习笔记(八)
- 【笔记】网易微专业-Web安全工程师-01.WEB基础知识
- 【笔记】网易微专业-Web安全工程师-02.WEB安全基础
- 【笔记】网易微专业-Web安全工程师-03.WEB安全工具