【web】表单

表格

border=“” 设置表格的边框

cellspacing=“” 设置单元格之间的距离

cellpadding=“” 设置单元格之间的内边距

表格标题：caption

表头

tr 代表行

th 代表表头的列，一行里面有多个列

表身体

td表示身体中的列

rowspan: 合并列

colspan：合并行

    <table>
        <thead>
            <tr>
            	<th></th>
            	<th></th>
            </tr>
        </thead>
        <tbody>
            <tr>
            	<td></td>
            	<td></td>
            </tr>
        </tbody>
    </table>

表单

form属性

from:一般在向后台提交数据时使用

action：放置后台地址

method：请求方式 get\post

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

表单属性（行块属性）

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:普通按钮

• border: 0; 边框

  outline: 0; 输入边框

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

textarea:文本区域

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

button:普通按钮

• 只写button按钮有提交功能

表单元素属性

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

补充标签

• 如何点击图标或者文字获取表单焦点:

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

格式

• &nbsp：空格
• hr：分割线
• br：换行