美文网首页
CSS----表单、框架集

CSS----表单、框架集

作者: 忆往昔04551 | 来源:发表于2018-06-09 10:16 被阅读0次

解决父元素的高度塌陷

                      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----表单、框架集

    解决父元素的高度塌陷 clearfix:after{ clearfix{ clear:both zoom:1 ...

  • 表单

    表单 框架集 属性hack

  • 表单 框架集

    表单 文本框 输入内容的行内块儿可以有多个键值对 用&符号隔开属性名=属性值name表示是一组的value告诉后台...

  • 前端 表单 框架集

    表单 from 添加表单 action 指向服务器地址from action:提交到后台服务器method=‘...

  • 表格、表单、框架集

    表格: 在HTML中,使用table标签来创建一个表格 在table标签中使用tr来表示表格中的一行,有几行就有几...

  • Java学习的第三天(前端:表单标签+框架集)

    表单标签(用于采集用户输入的数据,并且用于和服务器进行交互) html5新特性 框架集frameset 框架集指定...

  • 表单、框架集、图片修复

    表单: placeholder:提示文字 value:默认值 method可选值:post、get 设置请求方式:...

  • 完善clearfix、表单、框架集

    完善clearfix content:' ' display:table作为属性进行设置 父子元素可以合并编写 例...

  • 前端笔记(7)

    代码:(1)完善clearfix (2)表单 (3)_target (4)框架集 (5)ie6png图片的修复 (...

  • Html/CSS----表格与表单

    表格 table、tr、th、td 使用table标签创建一个表格。 tr表示表格中的一行。 tr中可以编写一个或...

网友评论

      本文标题:CSS----表单、框架集

      本文链接:https://www.haomeiwen.com/subject/mkxteftx.html