web前端html的列表，表单和表格

Posted 2021-06-03 学习一下下吧

二、列表、表单

列表

1.无序列表：<ul>

                    <li>列表项目1</li>

                    <li>列表项目2</li>

                      ..................

                                                     </ul>

无序列表是一个没有特定顺序的列表的集合。在无序列表中，各个列表项之间属并列关系，没有先后顺序之分，默认以圆点符号来标记。常用type来改变列表的项目符号，它的取值为disc（默认黑色圆点）、circle（空心圆点）、square（方块）。

2.有序列表：<ol>

                    <li>列表项目1</li>

                    <li>列表项目2</li>

                      ..................

                                                     </ol>

有序列表是一个有特定顺序的列表的集合。在有序列表中，有先后顺序之分，它们之间以编号来标记。常用type来改变列表的项目标号 ，type=“1”：默认为数字 ，type“a”：默认为英文字母小写，type“A”：默认为英文字母大写

 表单

1、  form标签:    action:提交地址    method:post/get

2、input标签:  type属性值有:     (1)提交按钮:submit      (2)文本:text   (3)密码:password    (4)单选:radio，name绑定、value的绑定    (5)重置: reset

注:post请求与get请求的区别get请求会将参数以明文方式拼接在url地址中   

缺点: 参数明文拼接不安全，如果参数过长会丢失post请求会将参数放在请求报文中

优点:参数不会明文拼接，是安全的，如果参数过长不会丢失

表格

1、语法格式:

            <table>

                     <tr>

                             <td>表项1</td><td>表项2</td>....<td>表项n</td>

                                                                   </tr>

                                            ...

                                                                                  </table>

<tr></tr>用来创建表格中的一行,<td></td>用来创建行中的一列,每一列相当于一个单元格,内容只能写在单元格中

2、常用属性说明：

（1）bored：设置表格线的宽度,单位为像素,n=0为默认值,表示无边框。

（2）width：设置表格宽度,取值为像素或相对于窗口的百分比。

（3）height：设置表格高度,取值为像素或相对于宽度的百分比。

（4）colspan：合并列。colspan=“2”，表示合并同行的相邻两个单元格。

（5）rowspan：合并行。colspan=“2”，表示合并同列的相邻两个单元格。