一、基础知识
●表格
1、表格标签:
表格由 〈table〉来定义。每个表格均由若干行(由 〈tr〉 来定义),每行被分割为若干个单元格(由 〈td〉来定义)。字母 td 指表格数据(table data),即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。
2、表格边框
3、语义化标签
4、表格属性
●表单
HTML 表单用于搜集不同类型的用户输入。用〈form〉元素定义 HTML 表单。〈input〉元素用于搜集用户信息,根据不同的type属性值,展示不同的空间。
1、表单标签
表单元素指的是不同类型的 input 元素、复选框、单选按钮、提交按钮等等。
2、表单属性
①Action 属性
action 属性定义在提交表单时执行的动作。向服务器提交表单的通常做法是使用提交按钮。通常,表单会被提交到 web 服务器上的网页。
②Method 属性
method 属性规定在提交表单时所用的 HTTP 方法(GET 或 POST)。
③GET方法的使用
GET方法为默认方法,在没有敏感信息时使用,适合少量数据的提交,浏览器会设置容量限制。
④POST方法的使用
如果表单正在更新数据,或者包含敏感信息,则POST更加安全。Name 属性如果要正确地被提交,每个输入字段必须设置一个 name 属性。
二、学习总结
三、学习反思
在需要使用到表单和表格的时候,可以在〈from〉标签中嵌入〈table〉,在〈td〉中使用〈input〉输入数据。在〈input〉中可以使用百分比来设置撑满父容器。