HTML第二天学习

**列表标签

3.1 无序列表

:unordered list,定义一个无序列表

:list item,定义一个列表项

type属性指定无序列表的符号，取值有：

disc：实心圆点

circle：空心圆

square：实心正方形

3.2 有序列表

ordered list,有序列表，即列表项带有序号

type属性指定序号的类型，其取值：

1：序号为1.2.3……，默认值

A：序号为A.B.C……；

a：序号为a.b.c……;

I：序号为I.II.III.IV……;

i：序号为i.ii.iii.iv……;

start属性指定从第几个开始，当取值为0或负数时，就会从负数到0，再到type属性指定的类型。

3.4 自定义列表

defind list 定义一个自定义列表

defind title 列表项的标题

defind description 列表项的描述

表单标签

4.1表单

什么是表单？收集用户填写的信息并提交到后台服务器。

action属性：指定提交的地址

method属性：指定提交的方式，get/post

get和post方式的区别

（1）长度的限制：get限制为2k以内

（2）安全性：get方式提交的数据会直接呈现在地址栏，敏感数据容易被截获。

4.2 文本框

maxlength：指定文本框能接受的最大字符个数

size：指定文本框的大小（宽度）

value：指定初始值

4.3 密码框

密码框和文本框是一样的文本框的属性同样适用于密码框，唯一不同的是密码框是以掩码的形式显示内容，保证安全性

4.4 label

标签的作用

（1）可以单独对其应用相应的样式

（2）for属性可以使之和某个关联，即当单击文本会激活对应的

账号：

密码：

4.5 单选按钮

学生

教师

管理员

如果需要将若干个单选按钮编为一组（一组最多只有一个被选中），需要设置相同的name属性。

如果需要默认选中某个选项，需加上checked属性

标签属性的表现形式：

（1）键值对：属性名=“属性值”

type=“text”,maxlength=“6”

（2）一些取值为布尔类型的属性直接使用属性名

checked、readonly

4.6 多选按钮

你的兴趣爱好是：

音乐

阅读

游戏

电影

睡觉

4.7 提交按钮

（1）点击按钮之后跳转到from表单指定的Action

（2）value属性：value对应的值就是按钮上显示的文字

（3）点击按钮，将from表单中的input中name属性值（键）和用户输入的组成键值对（或input标签value属性对应的值），并拼接到from表单Action属性值的后面

http://localhost:63342/HTML/chapter4/result.html?name=huadian&password=123456

http://localhost:63342/HTML/chapter4/result.html?name=huadian&password=123456&sex=1

4.8 重置按钮

（1）点击按钮，重置表单内部的输入框（单选复选按钮）

（2）value属性：value对应的值就是按钮上显示的文字

4.9 普通按钮

（1）点击按钮。没有任何反应

（2）value属性：value对应的值就是按钮上显示的文字

4.10 图片按钮

（1）作用和submit按钮是一样的

（2）需要设置src属性的值，如果src对应的路径没有找到图片，并且又没有设置alt属性，按钮显示默认值“提交”，如果设置了alt属性则显示alt的值。（类似img标签）

4.11 标签

（1）内容可以是任意资源（eg：图片，段落，视频）

（2）当button标签放置在from内部，作用的submit一样。**