栈开发起步html_3_笔记

1. 请求， 参数列表 ， 参数

url:
https://www.baidu.com/s?wd=双色球&rsv_spt=1&rsv_iqid=0xeb07cee7003111f2&issp=1&f=8&rsv_bp=1&rsv_idx=2&ie=utf-8&tn=baiduhome_pg&rsv_enter=0&rsv_dl=tb&rsv_sug3=12&rsv_sug1=7&rsv_sug7=100&rsv_t=c2a23jxvXLyr8Z1tmZ9G6oqXYJgXijQW33ZoVNhFL%2BktubLROagGsJsbD0dRnBL2XUXr&prefixsug=shuangseqiu&rsp=0&inputT=5816&rsv_sug4=5817

https://www.baidu.com/s ？前面的叫请求
?wd=***&rsv_spt=1… ?后面的 参数名1=参数值1&参数名2=参数值2 整体叫做参数列表

表单 action https://www.baidu.com/s
?wd=输入的内容

输入项（标签）的name属性的值wd、name和参数列表的参数名有关系

可提交的按钮

2 Form表单

action: 请求地址， 当表单提交时的地址。
method: get/post:
get: 默认的， url明文方式，直接能看到参数列表
post: 以数据流形式发送。更安全，例如：密码，文件上传

3. 表单中的元素： input标签，没有内容的标签

3.1提交按钮

input：

• type=“submit”: 提交按钮
• value: 按钮上的值

3.2 文本输入框

type=“text” 默认的就是text
value： 输入框的值
size: 输入框显示的字符数，不准
maxlength: 最大输入字符数
placeholder: 默认显示的无效提示文字

required :H5 特殊属性 必须输入验证
novalidate=“novalidate” form关闭h5自带验证功能

3.3 密码输入框，属性同上

3.4 h5的文本框：

type=number; min max step
type=range;
type=email;
type=url;
type=“color”;
type=date;
type=time;
type=tel; 电话号

3.5 radio: 单选按钮

name属性用于 标记成一组单选按钮
value属性用于 提交时确定哪个一个被选中
checked：特殊属性， 默认被选中

五个特殊属性，有属性就可以，不需要值。checked,selected, disabled, readonly, required

3.6 复选框:checkbox

复选按钮；多选按钮
提交时：一般用name区分一组，用value区分选中
checked特殊属性，默认被选中

3.7 重置按钮 reset

重置按钮回到页面初始状态，不是清空

3.8 file用于文件上传

3.9 button:

在表单中的按钮：

1. 提交按钮
   1. input type=submit
   2. 提交
2. 重置
   1. type=reset
3. 普通按钮
   1. type=“button” value=“不提交的按钮”
4. 可提交的图片
   1. type=“image” src=""

3.10 hidden：

看不见的可提交标签

3.11 多行文本输入框：textarea

属性：
rows: 行数
cols: 列数
textarea的值就是 内容。 要注意开始和结束标签不要有空格和空行

3.12 下拉列表select > option

提交时：
select 上写name
option 上写value

option上的
selected 默认被选中
label： 等同于 option标签的内容

---

3.13 特殊属性：disabled/readonly

checked: radio, checkbox
selected: select的option
disabled： 灰的 不能提交， 通常用type="hidden"解决提交问题
readonly: 能提交。

4.框架集 frameset > frame

frameset是不需要body! html4头也要是frameset的头

frameset属性：src关联的文件

1. rows="," 上下分

   1. rows=“100px, *”
   2. rows="100px, "

2. cols="," 左右分
   分的是frame 框架。frameset也嵌套frameset.

3. 点击某个frame中的链接控制 哪个部分跳转？？？
   a标签的target:
   _parent/_top：都是整个网页跳转
   某个frame的name,这个frame就会跳转

5. 内联框架 iframe

a标签的target:
_parent: 内联的所在网页
_top: 直接整个网页变