前端HTML+CSS【表单+表格】属性

学习目标：

• form属性
• input-type属性
• 表单属性
• 表格

---

学习内容：

一、表单

       1.form属性：

form	一般在向后台提交数据时使用
	action	放置后台地址
	method	请求方式  get post

       get post的区别：

         1.get是明文（值展示在网址上）post不会

         2.get请求相对来说比post更快捷post传递东西更大（传文件）

2.input->type:属性

text	文本框
password	密码框
submit	提交
radio	单选框
	注意点：于name属性保持一致
checkbox	多选框
	单选框和多选框默认选中属性checked
file	文件上传
reset	重置按钮
	重置的内容和重置的按钮放到同一个form标签中
	注意：在当前表单中的内容置空
hidden	没有实际效果
	默认提交内容
button	普通按钮
select>option	下拉选择框
	默认选中的属性selected

3.textarea:

              文本区域 / 留言板   （resize:none  固定大小  禁止手动调整textarea 大小）

              eg:<textarea name="" id="" cols="" rows=""></textarea>       

4.如何点击图标或者文字获取表单焦点：

        label标签名中for属性的属性值和表单中的id属性的属性值保持一致

5.表单属性：

name	向后台传值的描述
value	更改默认值
placeholder	表单提示信息
disabled	控制表单是否禁止操作
readonly	只读不可以操作
required	必填字段提示

       1).&nbsp:空格

       2).fieldset:表单元素的集合

       3).legend:  fieldset标记中的标题

        4).补充标签：label->for 填写属性表单id可以是该表单元素获取焦点

二、表格table

表头 thead	行：tr	列：th
表身 tbody	行：tr	列：td

  属性：

border	设置表格边框
cellspacing	单元格之间的距离
cellpadding	单元格内边框
rowspan	合并行
colspan	合并列