HTML案例/form标签/frameset标签-(html补充)

HTML案例/form标签/frameset标签

一。简历模板

image.png

    
        简历作业
        
    
    
        

简历作业


基本情况
姓名 性别
民族 出生年月
政治面貌 健康
籍贯 学历
电子信箱 联系电话
专业
毕业院校
求职意向
教育情况
时间 院校 专业 学历
培训经历
时间 培训机构 课程 证书

二。内嵌标签学习iframe

1.src:要显示的网页资源路径

可以是本地(相对路径)也可以是网络资源(URL)

注意:

默认当前页面打开及加载src指向的资源

2.width:设置显示区域的宽度

3.height:设置显示区域的高度

4.name:设置内嵌区域的名字,结合超链接标签的target属性使用.

作用:在当前网页中加载其他网页的资源,达到不同网页资源之间不相互干扰,并能在同一个页面中展现给用户的目的.


    
        内嵌标签学习
        
    
    
        

内嵌标签学习


百度一下 360搜索

三。框架标签学习 frameset

1.注意:

第一步一定要删除body标签

frameset

rows:按照行进行切分页面

cols:按照列进行切分页面

子标签:

frame:进行切分区域的占位,一个frame可以单独加载网页资源.

src:资源路径(本地或者网络)

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


    
        框架标签学习:
        
    
    
    
        
        
            
            
        
        
    



四。form表单标签

作用:收集并提交用户数据给指定服务器

1.属性:

action:收集的数据提交地址也就是URL

method:收集的数据的提交方式

get
:适合小量数据,表单数据以?隔开拼接在URL后面,不同的键值对使用&符号隔开,不安全.

post:适合大量数据,安全,隐式提交

2.注意1:

表单数据的提交,要提交的表单项必须拥有name属性值,否则不会提交.

提交的表单项数据为键值对,键为name属性的值,值为用户书写的数据

3.注意2:

form标签会收集其标签内部的数据

3.注意3:

form表单的数据提交需要依赖于submit提交按钮.

4.form表单域标签学习:

作用:给用户提供可以进行数据书写或者选择的标签.

5.使用:

文本框:

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值

6.form表单标签的使用:

在点击数据提交时,form标签会将其内部所有form表单域标签中用户书写的数据按照method指明的提交方式

提交给action属性所指明的提交地址.

form标签学习


用户名:
密码:
性别 : 男
爱好:
吃饭
睡觉
打豆豆
籍贯:

文本域:

普通按钮:
隐藏标签:

五。模拟注册页面

image.png

    
        注册页面
        
        
    
    
        

注册页面


用户名:
密码:
邮箱:
手机号:
性别:
爱好: 唱歌 打球 旅游
籍贯:
个人介绍:
是否同意本公司的协议

你可能感兴趣的:(HTML案例/form标签/frameset标签-(html补充))