表单元素、表格布局

表单元素

表单主要用来信息收集或检索。
表单form,属性action,其属性值为信息提交的地址；属性method,属性值post和get，都是提交的意思，但post比较安全。
其下级元素如下：

1. input —输入框。
   其属性有type\value等。
   当其type为text时，表示显示的是输入文本框，其value为当前文本框的性质，name为当前文本框的名字，placeholder为输入框中的占位符。
   当其type为password时，表示密码框，数字都是隐藏的，可设置其的最大长度maxlength和最小长度minlength,placeholder为输入框中的占位符。
   当其type为number时，表示数字框，可设置其的最大max和最小min,step为其增加或减少的步长，placeholder为输入框中的占位符。
   当其type为range时，表示滑块。
   当其type为time时，表示时/分。
   当其type为month时，表示年/月。
   当其type为week时，表示年/周。
   当其type为datetime-local时，表示年/月/日 时/分。
   当其type为color时，表示颜色选项卡
   当其type为file时，表示单个文件选择，加上multiple,可选择多个文件。
   当其type为button时，表示按钮
   当其type为submit时，表示提交按钮
   当其type为radio时，表示单选框，用name属性来实现联动。
   当其type为checkbox时，表示多选框，用name属性来实现联动。可添加checked来设置默认选中状态。
2. label —标签
   for属性是为了与表单元素的id 绑定
3. button —按钮，与上面的按钮不一样
4. select option—下拉选项
   属性name，表示分组名称。下面写他的子元素option,value属性表示单个成分在浏览器端的名字，可加selected来设置默认选中项。
5. select optgroup / option—下拉选项组
   当在option之上，加上optgroup标签时，其中的内容可做option内容的标题，或者说组名。
6. textarea—文本域
   其属性有cols和rows，表示列和行。在形成文本区域时，按右下角可拖拽文本域，设置其样式resize:none;可取消此作用。而且当区域不够大时，会自动生成滚动条。
7. fieldset—为表单分组
   子元素legend可为其设置标题，下面可任意使用表单元素。

表格布局

table，一般不怎么用了，只做了解就好。

表格区域划分

1. 表头区域–thead,其后可跟th来设置表格的表头，有默认的加粗和居中样式。
2. 表身区域–tbody
3. 表尾区域–tfoot
   注意：无论在代码区域，谁在上，只要加上表头，表身，表尾样式，在显示界面，都是依次显示。

子元素

1. 行—tr,在行内写列，需要几列，就写几个，
2. 列—td
3. 标题—caption

合并

1. 合并行，rowspan,显示效果是向下扩大
2. 合并列，colspan,显示效果是左右扩大