CSS----表单、框架集

解决父元素的高度塌陷

                      clearfix:after{                                      clearfix{

                             clear:both                                              zoom:1

                       }                                                            }


表单的作用:就是用来将用户信息提交给服务器的。

使用form标签创建一个表单

      form标签中必须指定一个action属性,指向的是一个服务器的地址

         在表单中使用fieldset为表单进行分组,   可以将表单项中同一组放到fieldset中,使用legend子标签,指定组名。

         使用input创建文本框,它的type属性是text,如果希望表单项的数据提交到服务器中,必须在指定一个name属性。也可以指定value属性值,该值会作为文本框的默认值显示。

        在HTML中还为我们提供了一个专门用来选中表单中的提示文字的label标签,该标签可以指定一个for属性,需指定一个表单项中的id值。

单选按钮:type属性使用radio

多选框:type属性使用checkbox

下拉列表:使用select创建,name属性需要指定给select,而value属性需要指定给option

                   通过在option中添加selected="selected"来将选项设置为默认选中

                   当为select添加一个multiple="multiple",则下拉列表变为一个多选的下拉列表

                   在select中可以使用optgroup对选项进行分组,同一个optgroup中的选项是一组,可以通过label属性来指定分组的名字。

使用textarea创建一个文本域

提交按钮可以将表单中的信息提交给服务器

使用input创建一个提交按钮,它的type属性值是submit

在提交按钮中可以通过value属性来指定按钮上的文字


框架集

和内联框架的作用类似,都是用于在一个页面中引入其他的外部的页面,

                                     框架集可以同时引入多个页面,而内联框架只能引入一个。

在h5标准中,推荐使用框架集,而不使用内联框架

使用frameset来创建一个框架集,frameset不能和body出现在同一个页面中,使用frameset,不能有body标签。

属性:

               rows:指定框架集中的所有的框架,一行一行的排列

               cols: 指定框架集中的所有的页面,一列一列的排列

frameset和iframe一样,它里边的内容都不会被搜索引擎所检索

使用框架集则意味着页面中不能有自己的内容,必须引入其它的页面。





就算跌倒,也要豪迈的笑

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • HTML标签解释大全 一、HTML标记 标签:!DOCTYPE 说明:指定了 HTML 文档遵循的文档类型定义(D...
    米塔塔阅读 8,690评论 1 41
  • 1、通过CocoaPods安装项目名称项目信息 AFNetworking网络请求组件 FMDB本地数据库组件 SD...
    阳明AI阅读 16,053评论 3 119
  • 已发
    刘没事阅读 1,229评论 0 0
  • 少年游,游四方。 人生在世,要不读书,要不远行。要不沉潜自修,精神充实,不然就外出游历增广见识。两者都不达,则终觉...
    风催眠阅读 3,468评论 0 49
  • 房间亮着天,我眯着眼。
    嫮媚阅读 1,760评论 0 0

友情链接更多精彩内容