表格和表单

目录

1.表格

2.表单

---

1.表格

（1）表头（thead）

      <1>行（tr）

      <2>列（th）

（2）表身（tbody）

      <1>行（tr）

      <2>列（td）

（3）属性：

      <1>border: 设置表格的边框

      <2>cellspacing: 单元格空格

      <3>rowspan：合并行

      <4>colspan：合并列

代码：

 

 运行结果：

2.表单

（1）form的属性：

      <1>action: 请求地址

      <2>method：请求方式  （get    post）

         区别：1)get是明文（值展示在网址上），post不会展示在网址上

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

（2）表单属性：

      <1>input->type属性：

         1）text：文本框

         2）password:  密码框

         3）radio：单选框     （注意：name属性要保持一致）

         4）checkbox:多选框

         注意：单选框和多选框设置checked默认选中

         5）file：文件上传

         6）reset：重置

         注意：1、在当前表单中内容置空

                    2、重置内容和重置按钮放到同一个form标签中

         7）submit：提交按钮          （注意：按钮改文字要用value）

         8）button:按钮

         注意：input(button)情况改文字用value

         9）hidden:没有实际效果，但是默认提交内容

      <2>select->option:下拉选择框       （注意：默认选中selected）

      <3>textarea：可输入区域（可以拖拽）                 （注意：resize：none固定大小）

      <4>button:按钮（只写button按钮，有提交功能）

      <5>表单元素属性

         1）name：后台需要的键

         2）placeolder：输入提示

         3）disabled：禁止操作

         4）readonly:只读不用写

         5）required：必填字段提示

         6）value：更改默认值

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

代码：

 

运行结果: