1.1无序列表
<ul>: unordered list ,定义无序列表
<li>: list item ,定义列表项
type属性指定无序列表的符号,取值有:
disc: 实心的圆,默认值;
circle:空心的圆;
square:实心的正方形。
1.2有序列表
<ol>:order list ,有序列表,即列表项带有序号。
type属性指定序号的类型
取值可以是以下几种:
1:序号为 1.2.3.4
............,默认值;
A:序号为A.B.C.D...............;
a:序号为a.b.c.d................;
I:序号为:I.II.III.IV...........;
i:序号为:i.ii.iii.iv...............;
start :属性指定从第几个开始,当取值为0或负数时,从当前值0或-1开始,然后在继续从type属性的开始值往后,直到结束。
1.3列表的嵌套
当需要分类的内容时,可使用列表嵌套来实现
1.4自定义列表
<dl>:defined list,定义一个自定义列表
<dt>:defined title,列表项的标题
<dd>:defined description,列表项的描述
2表单
2.1 表单
<form>
action属性:指定提交的地址;
method属性:指定提交的方式,get/post
get 和 post方式的区别:
(1)长度的限制:get方式限制为2k以内
(2)安全性:get方式提交的数据会直接呈现在地址栏,敏感数据容易被截获
Post方式相对安全
2.2 文本框
maxlength:指定文本框能接受的最大字符个数;
size:指定文本框大小;
value: 指定初始值。
2.3 密码框
密码框=文本框:
文本框的属性同样适用于密码框。唯一不同的是密码框是以掩码的形式显示。
2.4 label
<label>的作用
(1)可以单独对其应用相应的样式
(2)for属性可以使之和某个<input>关联,即当单击文本会激活对应的<input>
2.5 单选按钮
如果需要若干个单选按钮编为一组(一组最多只有一个被选中),需要设置相同的name属性。
默认某一个选项:加上checked。
标签属性的表现形式:
(1)键值对:属性名=属性值
(2)一些取值为布尔类型的属性直接使用属性名
checked(选中的),readonly(只读)
2.6多选按钮
type类型”复选框”
2.7 提交按钮
(1)点击按钮之后跳转到form表单指定的action;
(2)value属性:value对应的值就是按钮上显示的文字。
(3)点击按钮:将form表单中的input中name属性的值(键)和用户输入的值组成键值对(或input标签value属性对应值)。并拼接到form表单action属性值的后面。
2.8 重置按钮
(1)点击按钮,重置表单内部的输入框(单选按钮)
(2)value属性:value对应的值就是按键上显示的文字。
2.9 普通按钮
(1)点击按钮:没有任何反应
(2)value属性:value对应的值就是按键上显示的文字。
2.10 图片按钮
(1)作用和submit按钮是一样的。
(2)需要设置src属性的值,如果src对应的路径没有找到图片,(并且又没有设置alt属性,按钮显示默认值“提交”,如果设置了alt属性则显示alt的值。(类似img标签))
2.11<button>标签
(1)内容可以是任意资源(例如:图片,段落,视频...)
(2)当button标签放置在form内部,作用和submit一样
<ul>: unordered list ,定义无序列表
<li>: list item ,定义列表项
type属性指定无序列表的符号,取值有:
disc: 实心的圆,默认值;
circle:空心的圆;
square:实心的正方形。
1.2有序列表
<ol>:order list ,有序列表,即列表项带有序号。
type属性指定序号的类型
取值可以是以下几种:
1:序号为 1.2.3.4
............,默认值;
A:序号为A.B.C.D...............;
a:序号为a.b.c.d................;
I:序号为:I.II.III.IV...........;
i:序号为:i.ii.iii.iv...............;
start :属性指定从第几个开始,当取值为0或负数时,从当前值0或-1开始,然后在继续从type属性的开始值往后,直到结束。
1.3列表的嵌套
当需要分类的内容时,可使用列表嵌套来实现
1.4自定义列表
<dl>:defined list,定义一个自定义列表
<dt>:defined title,列表项的标题
<dd>:defined description,列表项的描述
2表单
2.1 表单
<form>
action属性:指定提交的地址;
method属性:指定提交的方式,get/post
get 和 post方式的区别:
(1)长度的限制:get方式限制为2k以内
(2)安全性:get方式提交的数据会直接呈现在地址栏,敏感数据容易被截获
Post方式相对安全
2.2 文本框
maxlength:指定文本框能接受的最大字符个数;
size:指定文本框大小;
value: 指定初始值。
2.3 密码框
密码框=文本框:
文本框的属性同样适用于密码框。唯一不同的是密码框是以掩码的形式显示。
2.4 label
<label>的作用
(1)可以单独对其应用相应的样式
(2)for属性可以使之和某个<input>关联,即当单击文本会激活对应的<input>
2.5 单选按钮
如果需要若干个单选按钮编为一组(一组最多只有一个被选中),需要设置相同的name属性。
默认某一个选项:加上checked。
标签属性的表现形式:
(1)键值对:属性名=属性值
(2)一些取值为布尔类型的属性直接使用属性名
checked(选中的),readonly(只读)
2.6多选按钮
type类型”复选框”
2.7 提交按钮
(1)点击按钮之后跳转到form表单指定的action;
(2)value属性:value对应的值就是按钮上显示的文字。
(3)点击按钮:将form表单中的input中name属性的值(键)和用户输入的值组成键值对(或input标签value属性对应值)。并拼接到form表单action属性值的后面。
2.8 重置按钮
(1)点击按钮,重置表单内部的输入框(单选按钮)
(2)value属性:value对应的值就是按键上显示的文字。
2.9 普通按钮
(1)点击按钮:没有任何反应
(2)value属性:value对应的值就是按键上显示的文字。
2.10 图片按钮
(1)作用和submit按钮是一样的。
(2)需要设置src属性的值,如果src对应的路径没有找到图片,(并且又没有设置alt属性,按钮显示默认值“提交”,如果设置了alt属性则显示alt的值。(类似img标签))
2.11<button>标签
(1)内容可以是任意资源(例如:图片,段落,视频...)
(2)当button标签放置在form内部,作用和submit一样