HTML 总结
表格
列表
早期列表是用来有理的显示数据
现在无序列表常常用来布局
1列表的类型
有序列表无序列表
我允许列表
列表属性
有序列表的属性
type=’ ’ 设置列表的类型
start=" " 指定起始行编号 默认值为1
2无序列表的属性
type=" " 设置列表项的类型
disc 默认值 实心黑点
circle 空心圆
square 小方块
none 去除标识
3列表中的嵌套
列表中 可以嵌套任意元素(包括列表)
但是所有被嵌套的内容 必须放在li中
ol/ul的直接 子元素只能是li(语义要求)4.定义列表
对一个名词或者事物的解释说明 可以使用定义列表-
定义列表
解释列表的属性
-
结构标记
结构标记和div 一模一样 只不过关键字不同
带有语义增强可读性 在有语义的元素中 编写文本
会被优先搜索到
常用的结构标记
1
定义网页的头部 或者某个区域的定都
2
定义网页的脚步,或者某个区域的底部
3.
定义网页的导航
4.
定义网页侧边栏
5.
定义网页主体
6.
定义于文本相关的内容 评论 回复表单
属性 action=" " 定义表单提交时发生的动作 要把请求提交给接口 如果没有值 默认提交给本页面
作用 提供了可视化的输入控件
自动收集用户输入的信息 并发送请求服务器
注意:form 自带发送请求的功能
ajax 不使用form 表单② method=“” 定义请求方式
定义表单的提交方式,设置请求的方法
get 默认 特点:明文提交,提交的信息会在地址栏显示
提交数据有大小限制 最大2kb
向服务器要数据查询数据的时候 使用get方法
post 特点: 隐士提交提交的信息不回在地址栏中显示 请求的主体会在请求中体中显示
数据没有大小限制
给服务器传递大量数据的时候 使用post
delete/put/option
③enctype=“application/x-www-form-urlencoded”
设置表单数据的编码方式
取值
enctype=“application/x-www-form-urlencoded” 默认值 允许将任意字符提交给服务器
text/plain 允许提交普通字符给服务器任意字符, 所有字符
普通字符不能带符号 = & …都不行
multipart/form-data 允许提交文件给服务器3.表单控件 在form表单中 能够与用户进行数据交互的可视化元素
①分类
input 元素 基础的九种 h5新出10中input
textarea 多行文本域
select/option 下拉选折框
其他元素
② input 基础九种
或者
所有input 元素都有的属性
1 type=“” 设置input 元素的具体类型默认缺省值是text 文本框
2 name=" " 表单提交请求时没有name属性的元素 不会被收集数据 也不会被提交
在ajax中不需要form 表单 那么久失去了自动收集数据发送求的能录
ajax 使用 input的时候 不需要name属性 但是在使用单选和多选用name属性来分组
3.value=“” 表单提交请求时 某个控件真正提交的值
特例:所有按钮value 不会被几条只是修改按钮显示的文本
4.disabled 警用 无值属性 控件value 只能看不能改 不能提交
③ input 详解
type=“text” 本框
type=“password” 密码框
maxlength=“2” 输入的最大长度
readonly 属性只能看不能改 但是可以提交 可以和value配合
placeholder=“请输入密码” 站位提示符type=“submit” 提交按钮 将当前表单中的数据自动收集整理发送给服务器
type=“reset” 重置按钮 将当前表单中的数据 恢复到出事化状态
type=“button” 没有任何功能 就是普通按钮
h5 新出的按钮标签
功能和submit 一样
单选按钮 type=“radio”多选按钮 type=“checkbox”
name 属性有两个功能 ①提交数据 ②为控件分组实现分组
value 必须写不然提交时 不管选谁都是on
checke
隐藏域
type=“hidden” 用于想把服务器提交给服务器 又不想被用户看到文件选择框 上传文件
type=“file”
form 的method=“post”
enctype=“multipart/form-data”
属性 multiple 无值属性 选取多个文件
④textarea 多行文本域cols=“5” 限制显示三行
这个设置不准确 会更具硬件不同而改变
⑤ 下拉选折框(下拉选)
北
上
广
深
select 的属性
name 控件的名称
size 没默认值为1 显示option 数量 默认值为1 取值大于1 变为滚动选折框
multiple 多选
value 如果option没有value,select的value被选中的option的内容区域的文本、
如果option有value select的value是被选中的option 的值
option 的属性
value
selected 下来选折框的默认选中-