列表与按钮

目录
笔记707 1
1.杂项： 1
2.列表： 1
2.1列表 1
2.2无序列表 2
2.3 有序列表 2
2.4列表的嵌套 2
2.5自定义列表 2
3.表单 3
3.1 表单 3
3.2文本框 3
3.3密码框 3
3.4 3
3.5单选按钮 3
3.6多选按钮 4
3.7提交按钮 4
3.8重置按钮 4
3.9普通按钮 5
3.10图片按钮 5
3.11标签 5

笔记707
1.杂项：
:可以将部分文本独立出来
：强制转换

---

：绘制一条横线
：设置页面的基准地址，简化代码的编写
2.列表：
2.1列表
有序列表

1. 江西
2. 河南
3. 上海
4. 广东
5. 广西

无序列表
-  江西
-  河南
-  上海
-  广东
-  广西

2.2无序列表
：u n ordered list 定义一个无序列表
< l i>：list item 定义一个列表项
Ctrl+d：复制当前行（duplicate），l i*3+tab 出现3行
Type 属性指定无序列表的符号，有3种：disc 实心圆，默认的符号；circle 空心圆；square 实心的正方形

    <u l type="circle"><!-- c t r l+d（duplicate.重复）-->
        <l i>江西</l i>
        <l i>河南</l i>
        < l i>上海</l i>
        <l i>广东</l i>
        <l i>广西</l i>
    </u l>

2.3 有序列表
: ordered list 定义一个有序列表，带有序号
：list item 定义一个列表项
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再开始列你的序列号的类型的值

2.4列表的嵌套
自学

2.5自定义列表
defined list 定义一个自定义列表
defined list 列表项的标题

defined describe 列表项的描述

3.表单
3.1 表单
收集用户的信息并将其交给后台服务器

Action属性：指定提交的地址
Method属性：指定提交方式；get，post
Get：长度较小，限制2 k；安全性较低，会直接在网址显示
Post：没有什么限制；安全性高

3.2文本框

max length：指定给文本框所能接收的最大字符个数，字和数字计算个数都是一样的
Size：指定文本框的显示大小
Value：指定该文本框的初始值
3.3密码框

密码框与文本框一样，属性都差不多，只有type是掩码形式，来保护你的密码，增强安全性
3.4
的作用：1.可以单独对其应用相应的样式
2.for属性可以使其和某个关联，当点击文本会激活input
账号:

    <input id="user Id" type="text" max length="10" size="8" value="456"/>
    <b r>
    <label>密码:</label>
    <input id="password" type="password" max length="6" size="8" />

3.5单选按钮

    <input type="radio" name="role"/>学生
    <input type="radio" name="role" checked/>教师
    <input type="radio" name="role"/>管理员

如果需要将若干个单选按钮编为一组，需要设置相同的name值；
如果需要默认的单选按钮，使用checked。
标签的属性：
1. 键值对:属性名=属性值
type=”text”、max length=”6”
2. 一些取值为布尔类型的属性直接使用属性名
Checked
3.6多选按钮

    <form action="#">
        <label > 你的兴趣爱好是：</label>
        <input type="checkbox" />音乐
        <input type="checkbox" />阅读
        <input type="checkbox" checked/>游戏
        <input type="checkbox"/>电影
        <input type="checkbox" checked/>睡觉
    </form>

-checkbox 多选按钮，单选按钮 radio
3.7提交按钮
也是用input，点击按钮跳转到指定的地址，这个地址由action指定

Submit 提交，呈送；value 为按钮上面的字，默认为提交
点击按钮：将form表单中的input 中name 的属性值和用户输入的值组成的键值对（或input 标签中的value的值）。并凭借到form表单Action属性值的后面

h t t p://localhost:63342/HTML/%E 6%88%90%E 9%95%BF%E 8%A E%B 04/result.html?name=h u a d i a n&password=123456

3.8重置按钮

<input type="reset" value="刷新"/>

（1） 点击按钮 会刷新页面，回复到初始值（单选按钮），重置表单内部的数据
（2） Value属性：value对应的值就是按键上显示的文字。

3.9普通按钮

点击按钮之后没有什么反应；value就是值
3.10图片按钮

<input type="image" s r c="涛涛1 .p n g" on click="alert('菜鸟')" alt="好可爱"/>

图片属性：Type是image，s r c的引用和 i mg一样，o n c lick是点击之后的事件，alt是当图片出不来的时候显示的文字，默认是提交。图片按钮与提交按钮功能一致；
3.11标签
（1）内容好多，可以是任何资源（图片，段落，视频。。。）
（2）当button标签放置在form表格内部的时候，有一个作用是提交，与submit一样。

总结
1.首先我们复习了昨天所学的内容，一些标签的使用，像a标签，i mg标签一堆标签。

2.然后老师讲了列表的中类以及使用情况，列表有三种分类：第一种无序列表，就是没有什么排列顺序的表单，比如说信息的填写，那些信息不需要排列，无先后次序，无序表单的格式是 ，u代表u n ordered，意思是无序列的，l代表list，意思是表单；第二种是有序表单，有先后顺序，比如说那些需要排序的学号，根据入学时间排序，有序表单的格式是,o代表ordered，意思是有序的，l代表list，意思是表单；第三种是自定义的表单，格式是d l、d t、dd，分别是定义一个自定义列表、列表项的标题、列表项的描述，一般用在需要描述一件事物的时候

3.再接着讲了表单的基本属性
Action属性：指定提交的地址
Method属性：指定提交方式；get，post
Get一般有限制，不过随着浏览器的更新，一般都没有限制，至于那些老版本的限制了大小；get有不安全属性，一些私密的信息会直接显示在url地址里面，会被人看到。

4.文本框的属性有好多，今天就使用了几个属性，type属性，value属性，size属性
max length属性。
4.1 Type属性有1.password 掩码，可以防止别人看到你的密码；2.text文本，纯文本属性；3.submit提交功能；4.radio，单选按钮，当几个单选按钮的name一样的时候，你就只能选一个；5.checkbox 多选按钮，可以默认勾选（checked）；6.image 图片按钮，这个按钮的属行不只只是显示图片，还有一个隐藏的属性就是提交，别的属性和i mg属性一样；7.reset属性，当这个按钮在form表单内部的时候，有过一个刷新功能；
4.2 value的属性是当你刷新到初始状态的时候文本框默认的信息，一般是默认勾选爱好，性别之类的，也可以默认给你的电话号码栏的输入框显示1；
4.3 size属性，这个属性看着像是限制输入长度的属性，可是它真真实实的显示文本框长度的属性，一般默认是20
4.4 max length属性，这个属性就是限制你的输入框能输入的字符长度，简单地说就是你不能写超过这个属性的信息，超过了以后就不会显示
5.按钮属性，这个属性与type的reset一样，当在form表单内部的时候才能有用，不然没用。而且这个属性可以做一个大框架，里面可以嵌套多种属性，i m g，input都可以