`
南山忍者
  • 浏览: 86112 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

控件使用(fieldset 、GroupBox、Radio)

    博客分类:
  • HTML
阅读更多

 

在做桌面应用程序时,经常会用到GroupBox控件,使用该控件可以让你的界面更加清晰和有条理。

 

如图:

如果需要在Web前端中有这样的“外观”,则需要使用“FieldSet”标签。

 

具体使用如下:

<fieldset style="padding:1;width:auto">
        <legend>编写标题处</legend>
              
           //写入你的内容           

    </fieldset>

 

(2)Html中转移字符的使用(空格、>、<、引号等)

 

&nbsp;   // 空格 
&gt;        //>大于号> 
&lt;         //<小于号< 
&quot;    //"引号“” 
&copy;    // ©版权号 
 

 

  • 大小: 6.7 KB
分享到:
评论

相关推荐

    HTML中fieldset

    通过使用 fieldset,可以将相关的表单控件组合成一个逻辑单元,以便于用户更好地理解和交互。 在 HTML 文档中,fieldset 元素可以包含多个表单控件,如文本框、单选框、复选框、下拉框等。同时,fieldset 元素还...

    MyJsp(html的fieldset使用

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

    主从表样例1 使用fieldset

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

    Extjs fieldset两行两列布局

    本文将详细介绍如何使用Extjs实现一个两行两列布局的`FieldSet`。 #### 一、整体结构设计 首先,我们需要理解给定代码的整体结构。该代码定义了一个名为`setsc`的`FieldSet`实例。这个实例包含两个主要部分:标题...

    js 获取radio按钮值的实例

    特别是在使用单选按钮(radio button)时,正确获取用户的选择对于实现交互功能至关重要。本实例将演示如何使用JavaScript来获取表单中的单选按钮组(radio button group)中用户选中的值。 首先,我们来看HTML部分...

    jquery fieldset和legend标签代码.zip

    在这个"jquery fieldset和legend标签代码.zip"中,我们很可能会找到一个使用jQuery来增强这两个元素样式的示例。 jQuery 是一个广泛使用的JavaScript库,它简化了DOM操作、事件处理、动画和Ajax交互等任务。在这个...

    JS时间控件(年月日时分)

    ### JS时间控件(年月日时分)详解 在前端开发中,处理日期与时间是常见的需求之一。本文将详细介绍一个自定义的时间选择控件,该控件能够支持年、月、日、小时和分钟的选择功能。通过分析提供的代码片段,我们可以...

    第二章第六节----分组控件(Frame)

    - **Windows Forms (.NET)**:在C#或VB.NET中,`System.Windows.Forms.GroupBox`控件用于创建带有边框和标题的容器。 - **HTML/CSS**:HTML5没有内置的分组控件,但可以利用`&lt;fieldset&gt;`标签和`&lt;legend&gt;`来模拟分组...

    从ocx控件编写到发布到网上全过程

    本文将详细介绍如何使用VC2005开发MFC ActiveX控件,并将其发布到网上供他人使用。 首先,我们需要创建MFC ActiveX项目。在VS2005中,选择“新建项目”,然后在模板列表中找到“MFC”类别,选择“MFC ActiveX控件”...

    Ext.form.FieldSet的用法.docx

    6. **layout**: FieldSet可以使用多种布局模式,如accordion、anchor、border、card、column、fit、form和table。每种布局都有其特定的用途和配置方式。 7. **animCollapse**: 如果设置为`true`,FieldSet在展开和...

    fieldset相关的总结

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

    可收放的HTML fieldset

    这里提到的模仿MSDN的可收放Fieldset,可能是指微软开发者网络(MSDN)网站上的一种实现方式,它们通常会使用自定义的图形和动画效果来提供更好的视觉体验。 首先,我们来看标签:"收放"、"HTML"、"fieldset"、...

    layui前段框架日期控件使用方法详解

    layui前端框架日期控件使用方法详解 layui前端框架日期控件是一种基于layui框架的日期选择控件,提供了多种日期选择方式,包括单个日期选择、日期范围选择等,以下将详细介绍layui前端框架日期控件的使用方法。 一...

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

    本文将深入探讨`&lt;fieldset&gt;`标签的概述、用途以及如何使用它来创建更加清晰、有结构的表单。 一、`&lt;fieldset&gt;`标签的基本概念 `&lt;fieldset&gt;`标签就像一个容器,可以将相关的表单字段(如输入框、选择框、按钮等)...

    Extjs3 自定义类似于Fieldset的组件

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

    cmxform-fieldset图片

    cmxform-fieldset

    JavaScript设置FieldSet展开与收缩

    从文件内容中可以看出,这篇文章详细讲解了如何使用JavaScript来实现FieldSet元素的展开与收缩功能。为了达到这个效果,需要使用HTML来构建FieldSet界面,再结合JavaScript来控制其内部表格的显示和隐藏,以及相应的...

    Ext.form.FieldSet的用法.pdf

    6. **layout**:FieldSet 使用的布局类型,可以选择 `accordion`、`anchor`、`border`、`card`、`column`、`fit`、`form` 或 `table`。可以通过 `layoutConfig` 配置进一步定制布局参数。 7. **animCollapse**:...

    第七课 表单控件-011

    使用 `&lt;fieldset&gt;` 和 `&lt;legend&gt;` 标签可以将相关的表单元素组织在一起,提供更好的视觉效果和用户体验。例如,`&lt;fieldset&gt;` 中包含了用户信息的输入字段和提交按钮,通过 `&lt;legend&gt;` 显示标题“用户信息提交”。 ...

    Silverlight 2 正式版第三方控件

    好不容易等来了Silverlight 2 正式版,但是还是没有提供足够易用的控件,比如没有treeview控件,还好有第三方的。 Controls Included: ...3.至于每个控件的属性、方法等等,使用方式和Silverlight自带的很像。

Global site tag (gtag.js) - Google Analytics