HTML知识点_html知识点总结ppt-CSDN博客

本文链接：https://blog.csdn.net/cq7421/article/details/74788136

1列表标签

1.1无序列表

<ul>: unordered list，定义一个无序列表

<li>: list item，定义一个列表项

用法：

</ul>

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

disc:实心的圆点，默认值；

circle：空心的圆圈；

square：实心的正方形。

（快捷方式：Ctrl+d：复制当前行（duplicate）；Li*3,tab键：产生3个li标签）

2.1有序列表

<ol>:order list ,有序列表，即列表项带有序号。

用法：

</ol>

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自定义列表

<dl>：defined list，定义一个自定义列表

<dt>：defined title，列表项的标题

<dd>：defined description，列表项的描述

2 表单

2.1表单的定义

收集用户填写的信息并将其提交到后台服务器。

书写：

</form>

action属性：指定提交的地址

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

get和post方式的区别：

（1）长度的限制，get方式限制在2k以内；

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

2.2文本框

用法：

maxlength :指定文本框能接收的最大字符个数；

size：指定文本框的大小；

value:指定初始值。

2.3密码框

用法：

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

注意:密码字段字符不会明文显示，而是以星号或圆点替代。

2.4label

用法：

作用：

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

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

2.5单选按钮

用法：

<input type="radio" name="sex">男

<input type="radio" name="sex" checked>女

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

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

2.6多选按钮

用法：

<input type="checkbox" >音乐

<input type="checkbox" >阅读

<input type="checkbox" >游戏

2.7提交按钮

用法：

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

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

点击按钮：将form表单中的input中name属性值（键）和用户输入的值组成键值对（或input标签value属性对应的值）。并凭借到form表单action属性值的后面。

2.8重置按钮

用法：

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

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

2.9普通按钮

用法：

（1）点击按钮没有反应

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

2.10图片按钮

用法：

作用和submit按钮是一样的。

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

2.11button标签

用法：

<p>

</p>

</button>

</form>

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

（2）当button标签放置在form表单内部，作用和submit一样