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一样,它里边的内容都不会被搜索引擎所检索

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





就算跌倒,也要豪迈的笑

你可能感兴趣的:(CSS----表单、框架集)