html表格及表单

表格：

基础：

• table标签代表了创建一个表格，（块元素）
• th是表头中的内容，也属于td，不过有一些样式
• tr为行标签，td为列标签
• colspan表示跨行
• rowspan表示跨列

样式：
table和td之间有一个默认的距离，通过border-spacing属性可以设置这个距离

border-spacing:0px;

就可以让俩边框合并，但是会导致边框变粗，因为俩合并到一起了嘛

border-collapse可以用来设置表格的边框，如果设置了border-spacing,则border-collapse自动失效。
直接设置：

border-collapse:collapse;

就可以让边框合并且不变粗

长表格的组成：

表单：

表单常用来制作信息收集表，注册表之类的。

提交到后台必须要用 action="";


这个如果是get方法可以在Url中看见 post其实也可以在发送http请求时看到
其实这俩方法并没有安全高低之分

文字使用label标签括起来，可以添加样式
使用Input标签（自结束）或button标签（成对）来使用表单

<input/>/*建议input*/

• type = “text” 文本框 使用于用户名等
• type = “password” 密码框 使用于密码等（隐藏）
• type = “submit” 按钮 使用于提交信息
• type = “radio” 选择框 使用于多选一 但name要一致（不然就是多选多了）也要写value
• type = “checkbox” 多选框 使用于多选多 name也要一致 也要选value
• type = “select” 下拉选择框 name写在select标签 value写在option标签
• 上边两个选择的 checked = “checked” 就表示默认选中了
• select的option是 selected = “selected”
• value值在text中是默认值，在submit中是按钮名
• 如果想要传递给后端，那么必须要写name

在optgroup标签后加上label属性可以设置分组名称

• type="textarea"表示文本域，可以写一大段文字。
• type="reset"表示清除所有填写的东西
• type="button"表示一个按钮，点他没有用除非用js拓展功能

将表单分成多组

还可以用Legend标签为fieldset来指定组名，不过不太常用