`
robinrain
  • 浏览: 60700 次
  • 性别: Icon_minigender_1
  • 来自: 威海
社区版块
存档分类
最新评论

fieldset实例 框套风格

 
阅读更多

<!DOCTYPE HTML>
<html>

<body>

<fieldset>
<legend>健康信息:</legend>
<form>
<p><label>身高:<input type="text" /></label></p>
<p><label>体重:<input type="text" /></label></p>
</form>
</fieldset>

<p>如果表单周围没有边框,说明您的浏览器太老了。</p>

</body>
</html>

 

 

分享到:
评论

相关推荐

    Extjs fieldset两行两列布局

    该代码定义了一个名为`setsc`的`FieldSet`实例。这个实例包含两个主要部分:标题和内容。标题设置为"fieldset",高度固定为80像素,并启用了边框显示。内容部分采用了表单布局(`layout:'form'`),并分为两行两列。 ...

    MyJsp(html的fieldset使用

    MyJsp(html的fieldset使用 MyJsp(html的fieldset使用MyJsp(html的fieldset使用MyJsp(html的fieldset使用

    HTML中fieldset

    在 HTML 文档中,fieldset 元素可以包含多个表单控件,如文本框、单选框、复选框、下拉框等。同时,fieldset 元素还可以包含 legend 元素,legend 元素用于指定该 fieldset 的标题或名称。 在上面的示例代码中,...

    jquery fieldset和legend标签代码.zip

    `&lt;fieldset&gt;` 可以看作是表单的一个区域,可以包含多个相关的输入元素,而`&lt;legend&gt;` 是 `fieldset` 的标题,它描述了该区域的主要功能。在这个"jquery fieldset和legend标签代码.zip"中,我们很可能会找到一个使用...

    可收放的HTML fieldset

    首先,我们来看标签:"收放"、"HTML"、"fieldset"、"collaps" 和 "组合框"。"收放"和"collaps"指的是该功能的展开与折叠行为;"HTML"表明这是HTML语言的一部分;"fieldset"是HTML元素,用于定义一个表单中的逻辑组;...

    Ext.form.FieldSet的用法.docx

    12. **tbar**和**bbar**: 分别用于定义FieldSet顶部和底部的工具栏,可以是Ext.Toolbar实例、工具栏配置对象或按钮配置项数组。 13. **header**和**footer**: 分别控制是否创建FieldSet的头部和底部元素。如果不...

    fieldset相关的总结

    这篇博客文章“fieldset相关的总结”可能详细介绍了`&lt;fieldset&gt;`的使用方法、作用以及在实际项目中的应用。尽管没有具体的描述内容,但我们可以从标签“源码”和“工具”推测,博主可能深入探讨了`&lt;fieldset&gt;`的HTML...

    Ext.form.FieldSet的用法.pdf

    1. **checkboxToggle**:此配置项允许在 FieldSet 的 legend 标签前添加一个复选框。设置为 `true` 时,用户可以通过勾选复选框来展开或收起 FieldSet 内的内容。如果不提供具体的配置对象,系统会自动创建一个复选...

    主从表样例1 使用fieldset

    &lt;fieldset id="annex1" style="width:800px"&gt; &lt;legend&gt;SubTable 1 SubTable List Field1 Field2 Field3 ...

    cmxform-fieldset图片

    cmxform-fieldset

    Extjs3 自定义类似于Fieldset的组件

    用Ext自定义一个类似于Fieldset的组件,还有数据绑定昂,跟json数据的交互,和后台交互使用了URLLoader,很强大,之前在网上找了很多,没有找到,后来我师傅给我源码,这里跟大家分享一下,有用到的童鞋们可以参考...

    fieldset标签定义说明.docx

    它的主要作用是将相关的表单输入字段(如文本框、复选框、单选按钮等)分组,以便于用户理解和操作,同时也方便开发者管理和样式化这些元素。在网页设计中,良好的表单布局能够提高用户体验,使信息的输入和提交更加...

    几乎被设计师遗忘了的标签fieldset legend

    "fieldset 和 legend 标签的使用和样式设置" 在 HTML 中,fieldset 和 legend 标签是两个常用的标签,用于组织和描述表单元素。但是,这两个标签经常被设计师遗忘或忽视,本文将重点介绍这两个标签的使用、样式设置...

    HTML中fieldset标签概述及使用方法

    `&lt;fieldset&gt;`标签就像一个容器,可以将相关的表单字段(如输入框、选择框、按钮等)组合在一起,形成一个逻辑上的单元。这样不仅提高了表单的可读性,也使用户能够更容易地识别和填写相关信息。在HTML的`&lt;form&gt;`元素...

    Flex3自定义组件类似于Fieldset

    Flex3自定义组件类似于Fieldset

    jquery特效制作复选框,全选,反选,取消,购物车,统计价格,统计

    在实现这些功能时,HTML5的语义化标签如`&lt;fieldset&gt;`和`&lt;legend&gt;`可以用于组织和解释复选框组,而CSS可以用来美化这些元素,提高用户体验。此外,良好的编程实践,如模块化代码和使用事件委托,可以使代码更易于理解...

    js控制fieldset高度的代码

    ### JS控制`&lt;fieldset&gt;`高度的方法 在网页开发过程中,我们常常需要动态调整表单元素的大小以适应不同的布局需求或交互效果。本篇将详细探讨如何使用JavaScript来控制`&lt;fieldset&gt;`元素的高度。 #### 代码解读 ...

    jQuery内容折叠效果插件用法实例分析(附demo源码)-.docx

    在这个实例中,我们关注的是一个名为`jquery.coolfieldset.js`的jQuery插件,它允许用户通过点击字段集(fieldset)的标题(legend)来展开或折叠其内容。 首先,确保在页面中引入了jQuery库和`jquery.coolfieldset...

    css 边框上如何写入文字?

    ##### 3.1 使用`&lt;fieldset&gt;`和`&lt;legend&gt;`标签 **HTML代码**: ```html &lt;fieldset&gt; 示例标题 这是边框内的内容。 &lt;/fieldset&gt; ``` **CSS样式**: ```css fieldset { border: 1px solid red; } legend { ...

    JavaScript设置FieldSet展开与收缩

    JavaScript方法代码: 代码如下:// 设置FieldSet高度方法,支持IE浏览器、Firefox // 参数1:pTableID,FieldSet内部div或table的id // 参数2:pFieldSetID,FieldSet的ID // 参数3:pImageID,图片的ID,展开或收缩...

Global site tag (gtag.js) - Google Analytics