【web】表单知识点总结

一、表格

border=“” 设置表格的边框
cellspacing=“” 设置单元格之间的距离
cellpadding=“” 设置单元格之间的内边距
表格标题：caption
表头：
tr 代表行
th 代表表头的列，一行里面有多个列
表身体：td表示身体中的列
rowspan: 合并列
colspan：合并行

二、表单

1.form属性

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

• get和post的区别：
  1. get是明文（值展示在网址上）post不会
  2. get请求相对来说比post更快捷post传递东西更大（传文件）

2.表单属性

2.1、input->type属性

• input属性通过type控制
  1. text:文本框
  2. password:密码框
  3. submit:提交
  4. radio：单选框 注意点：name属性要保持一致
  5. checkbox：多选框 单选框和多选框默认选中属性checked
  6. file:文件上传
  7. reset:重置按钮，重置内容和重置按钮放到同一个form标签中
  8. hidden:没有实际效果，但是默认提交内容
  9. button:普通按钮

2.2、 select>option :下拉选择框,默认选中属性selected

2.3、textarea:文本区域

• resize: none; 固定大小，禁止手动调整textarea大小

2.4button:普通按钮

• 只写button按钮有提交功能

2.5、表单元素属性

1. name：向后台传值的描述
2. value:更改默认值
3. placeholder：表单提示信息
4. disabled=“true” ：控制表单是否禁止操作
5. readonly:只读不可操作
6. required:必填字段提示

2.6、补充标签

• 如何点击图标或者文字获取表单焦点:
  lable标签中for属性的属性值和表单中id属性的属性值保持一致

三、格式

• &nbsp：空格
• hr：分割线