HTML网页的框架与表单

HTML网页的框架与表单

大家好！小伙伴们我们今天继续来学习html,今天来了解一些html的框架与表单。

框架

1. 为什么使用框架技术？
   1. 页面重用
   2. 提供了一种特殊的页面排版方式
2. frameset-frame
   1. 页面排版方式
   2. frameset—框架集合(注意：不能使用在body标签内)
   3. 语法
      
3. iframe
   1. 页面重用
   2. 语法
      

表单

1. 网页中何处用到表单？
   用户登陆 、注册 、信息反馈、提供搜素工具…
   作用：用表单来收集数据、信息
2. 语法
   

表单元素

1. 基本语法
   
2. 文本框
   
3. 密码框
   
4. 单选按钮
   
   注意：name属性值必须相同 才能达到互斥的效果 同一组单选按钮只能有一个checked 属性。
5. 复选框
   
   name属性值可以相同，也可以不同，一组复选框里可以有多个复选框，默认有checked属性。
6. 列表框
   
   至少有一个<option>
7. 按钮
   1. 提交按钮
   2. 重置按钮
   3. 普通按钮
   4. 图片按钮
      
      图片按钮同样具有提交表单的功能
8. 多行文本框(文本域)
   
9. 文件域
   

表单高级应用

1. 隐藏域
2. 只读
3. 禁用
   

语义化表单

1. 什么是表单语义化
   符合W3C标准
   语义化的标签
   结构合理、代码简洁
2. 域、域标题
   
3. 表单元素的标注
   
   for属性对应的值与表单元素id一致，且for属性规定label与哪个表单元素绑定
4. 语义化的优势
   语义化的目标是为了页面结构更加合理
   在网页设计和开发过程中，使用语义化的标签，能够达到见名知义的作用
   语义化的结构，更加符合Web标准，更利于搜索引擎的抓取（SEO的优化）和开发维护

End

今天的内容就到这里了，小伙伴们下次再见，这里是CSC麻辣小螃蟹。