`

fieldset 的用法

CSS 
阅读更多
  <style type="text/css">
* {
font-size:12px;
margin:0;
padding:0;
}
fieldset {
padding:10px;
margin:10px;
width:270px;
color:#333;
border:#06c dashed 1px;
}
legend {
color:#06c;
font-weight:800;
background:#fff;
border:#b6b6b6 solid 1px;
padding:3px 6px;
}
ul {
list-style-type: none;
margin:8px 0 4px 0;
}
li {
margin-top:4px;
}
</style>

 <fieldset style="width: 200">
  <legend align="right">标题</legend>
   <ul>
     <li>Div+CSS教程 系统的讲述了关于CSS布局的知识</li>
     <li>CSS布局实例 向你呈现了52css.com中的一些实例</li>
     <li>CSS模板下载 你可以查看一些模板</li>
     <li>CSS酷站欣赏 高手与大师的作品定会让你有所收获</li>
   </ul>
</fieldset>
 
分享到:
评论

相关推荐

    Extjs fieldset两行两列布局

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

    Ext.form.FieldSet的用法.docx

    11. **applyTo**: 使用已存在的DOM元素来创建FieldSet,组件会根据这些标记来构建子组件,无需手动调用`render()`方法。 12. **tbar**和**bbar**: 分别用于定义FieldSet顶部和底部的工具栏,可以是Ext.Toolbar实例...

    Ext.form.FieldSet的用法.pdf

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

    jquery fieldset和legend标签代码.zip

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

    fieldset相关的总结

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

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

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

    js控制fieldset高度的代码

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

    JavaScript设置FieldSet展开与收缩

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

    react-fieldset:以复杂的树数据形式提供声明性字段命名和道具

    React场集 声明性字段命名和以复杂的树数据形式提供的道具。... 您确实需要一种声明性的方法来使用嵌套数据创建复杂的表单 您需要加快开发速度。 例如,建立MVP 表单的布局很复杂,字段可能不是父级的直接子级,

    jquery fieldset和legend标签特效代码

    `&lt;legend&gt;` 标签是与 `&lt;fieldset&gt;` 配对使用的,它定义了 `&lt;fieldset&gt;` 的标题或说明。`&lt;legend&gt;` 的内容会显示在 `&lt;fieldset&gt;` 的顶部,提供表单分组的描述。对于屏幕阅读器用户来说,`&lt;legend&gt;` 还提供了重要的上...

    FieldSetView:FieldSetView是一个Android自定义视图,它模仿html中的“ fieldset”标签

    FieldSetView FieldSetView是一个Android自定义视图,它模仿HTML中...用法 就像其他ViewGroup一样,将FieldSetView添加到布局中: (注意: FieldSetView扩展了FrameLayout ) &lt; libs .mjn.fieldset.FieldSetView

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

    接下来,我们可以调用`.coolfieldset()`方法对`&lt;fieldset&gt;`元素进行初始化。对于默认打开的状态,可以这样设置: ```javascript $('#fieldset1').coolfieldset(); ``` 若希望字段集在页面加载时处于关闭状态,可以...

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

    3. 使用jQuery选择器调用`coolfieldset()`方法,初始化折叠效果。如: ```javascript $(document).ready(function() { $('#fieldset1').coolfieldset(); }); ``` 4. 可以通过传递参数来配置插件的行为。例如,如果...

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

    以下是关于这个插件的详细使用方法: 首先,为了使用`jquery.coolfieldset.js`,需要在HTML文档的`&lt;head&gt;`部分引入jQuery库和该插件的JavaScript文件,以及对应的CSS样式文件。例如: ```html &lt;!DOCTYPE ...

    margento中from验证总结

    本文将详细介绍Magento中form验证的各种类型及其具体用法。 #### 1. `class='required-entry'` 此验证规则用于检查字段是否为空。如果字段为空,则验证失败。例如: ```php $fieldset-&gt;addField('name', 'text', ...

    js 获取radio按钮值的实例

    为了解决这个问题,可以将单选按钮包裹在一个具有唯一ID的`&lt;fieldset&gt;`标签内,然后使用`getElementById`来定位这个`&lt;fieldset&gt;`,再用`getElementsByClassName`或者`getElementsByTagName`来获取单选按钮。...

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

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

    简单form标准化实例——语义结构

    本篇文章讨论了简单form标准化实例的语义结构,并介绍了使用fieldset、legend、label、accesskey和optgroup标签来实现form的标准化的方法。这些方法可以帮助我们更好地组织form的结构,提高用户体验。

Global site tag (gtag.js) - Google Analytics