HTML基础----（ifram，frameset，form）

ifram

　　内嵌标签：src:要显示的网页资源路径

　　　　　　　width：显示区域的宽度

　　　　　　　height：显示区域的高度

　　　　　　　name：内嵌标签名字，结合超链接标签的target属性使用 

　　作用：在当前网页加载其他网页资源，

frameset

　　框架标签;

　　　　注意：删除body标签

　　　　frameset

　　　　　　rows：按行进行切分页面

　　　　　　cols：按列进切分页面

　　　　子标签：

　　　　　　frame：进行切分区域占位，一个frame可以单独加载资源

　　　　　　　　src：资源路径

　　　　　　　　name:区域名字，结合超链接使用

　　

<frameset rows="10%,*,10%">
        <frame src="frameset/top.html" />
        <frameset cols="10%,*">
            <frame src="frameset/left.html" />
            <frame src="frameset/right.html" name="_right"/>
        </frameset>
        <frame src="frameset/bottom.html" />
    </frameset>

 

form标签　　

　　form表单标签学习:
　　　　作用:收集并提交用户数据给指定服务器
　　　　属性:
　　　　　　action:收集的数据提交地址也就是URL
　　　　　　method:收集的数据的提交方式
　　　　　　get :适合小量数据,表单数据以?隔开拼接在URL后面,不同的键值对使用&符号隔开,不安全.
　　　　　　post:适合大量数据,安全,隐式提交
　　　　注意1:
　　　　　　表单数据的提交,要提交的表单项必须拥有name属性值,否则不会提交.
　　　　　　提交的表单项数据为键值对,键为name属性的值,值为用户书写的数据
　　　　注意2:form标签会收集其标签内部的数据
　　　　注意3:form表单的数据提交需要依赖于submit提交按钮.
　　form表单域标签学习:
　　　　作用:给用户提供可以进行数据书写或者选择的标签.
　　　　使用:
　　　　　　文本框:
　　　　　　　　input
　　　　　　　　type:
　　　　　　　　　　text 收集少量的文本数据,用户可见
　　　　　　　　　　password 收集用户密码数据
　　　　　　　　name:数据提交的键,也会被js使用
　　　　　　　　value: 默认值
　　　　　　单选框:
　　　　　　　　input
　　　　　　　　type:
　　　　　　　　　　radio
　　　　　　　　name:name属性值相同的单选框只能选择一项数据
　　　　　　　　value:要提交的数据
　　　　　　　　checked:checked 使用此属性的单选默认是选择状态

　　　　　　多选框：

　　　　　　　　input

　　　　　　　　type：

　　　　　　　　　　checkbox

　　　　　　　　name :一个多选组需要使用相同的name属性值

　　　　　　　　value:要提交的数据

　　　　　　　　checked：checked 使用此属性的多选框默认是选择状态

　　　　　　单选下拉框：

　　　　　　　　select：

　　　　　　　　　　name:数据提交的键名，必须声明

　　　　　　　　　　字标签option：一个option标签表示一个下拉选项         

　　　　　　　　　　value：要提交的数据

　　　　　　文本域：

　　　　　　　　textarea：声明一个可以书写大量文字的文本区域

　　　　　　　　　　name：数据提交的键名，js和css也会使用

　　　　　　　　　　rows：声明文本域的行数

　　　　　　　　　　cols：声明文本域的列数

　　　　　　普通按钮：

　　　　　　　　input:

　　　　　　　　　　type:

　　　　　　　　　　　　button

　　　　　　　　　　value:

　　　　　　隐藏标签:
　　　　　　　　input
　　　　　　　　　　type:
　　　　　　　　　　　　hidden
　　　　　　　　　　name
　　　　　　　　　　value
注意:表单数据提交提交的是表单域标签的value值

　　　　　　

　　form表单标签的使用:
　　　　在点击数据提交时,form标签会将其内部所有form表单域标签中用户书写的数据按照method指明的提交方式
　　　　提交给action属性所指明的提交地址.

 

　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　-----------尚学堂笔记