html5学习2017.07.07

2017.7.7笔记总结

今日所讲内容如下：

1.      列表标签

①  无序列表：

<ul>:定义一个无序列表；

<li>:定义一个列表项。

type属性指定无需列表的符号：

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

circle：空心的圆圈；

square：实心的正方形。

补充内容：

Ctrl+d：复制当前行

li*3，table键：产生3个li

②  有序列表：列表项带有序号。

type属性指定序号的类型：

1：序号为1.2.3.4......

A：序号为A.B.C.D......

start属性指定从几个开始，当取值为0或负数时，从当前的值到0再到所指定的值。

③  自定义列表

3类：

<dl>定义一个自定义列表；

<dt>列表项的标题；

<dd>列表项的描述

2.      表单

2.1

①  表单的定义：收集用户填写信息并将其提交到后台服务器；

②  2种属性：

action：指定提交的地址；

method：指提交的方式，get/post.

③  get、post区别

(1)长度限制：get方式限制为2k以内

(2)安全性：get方式提交的数据会直接呈现在地址栏，敏感的数据容易被截获。post请求相对安全。

2.2

①文本框：

maxLength：指定文本框能接受的最大字符；

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

value：指定初始值。

密码框和文本框的区别：密码框可以保证安全性。

②Lable：

<lable>的2个作用：

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

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

 

2.3单选按钮：

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

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

标签属性的表达形式
（1）键值对：属性名=属性值；

例如：type=”text”、maxLength=”6”

（2）布尔类型属性的取值可以直接使用属性名。

例如：checked、readonly.

多选按钮

提交按钮：

（1）   点击按钮后，跳转到form表单指定的ation.

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

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

重置按钮：

（1）  点击按钮，重置输入框（单选按钮）；

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

普通按钮：点击按钮，没有任何反应。

图片按钮：

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

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

④  <button>标签

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

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