`
iredgo
  • 浏览: 15083 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

fieldset和legend

 
阅读更多
fieldset和legend用法
应用与from表单之间 例如
<fieldset>
<legend><strong>反馈类型</strong></legend>
<div>
<input type="radio" checked id="type1" name="type" value="表扬"><label for="type1">表扬</label>  <input type="radio" id="type2" name="type" value="投诉"><label for="type2">投诉</label>  <input type="radio" id="type3" name="type" value="建议"><label for="type3">建议</label>
</div>
<div class="f12">
<span class="red">*</span>本功能适用于服务表扬、投诉和业务建议,常规业务问题请联系我们的技术支持工程师,以免耽误您宝贵的时间。
</div>
</fieldset>
看看效果 是是很惊讶啊!!!标题定位在边框之外了
分享到:
评论

相关推荐

    jquery fieldset和legend标签代码.zip

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

    jquery fieldset和legend标签特效代码

    1. **动态样式切换**:使用jQuery选择器找到所有的 `&lt;fieldset&gt;` 和 `&lt;legend&gt;` 元素,然后在用户交互时(如鼠标悬停或点击)添加或删除CSS类,改变边框颜色、字体样式等。 2. **动画效果**:利用jQuery的动画功能,...

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

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

    JavaScript设置FieldSet展开与收缩

    4. HTML的FieldSet、legend和table元素的使用 文章中详细介绍了如何在HTML中使用FieldSet和legend元素,以及如何在FieldSet内部使用table元素来存放数据。其中,table元素用于展示车船到厂记录的详细信息,而legend...

    HTML知识点.pdf

    3. **fieldset和legend元素**:fieldset元素用于将表单元素分组,提高网页的可读性和组织性。legend元素则为这个分组提供标题,增强了用户的理解。 4. **label元素**:label元素用于定义input元素的标注,增加用户...

    网页设计中DIVCSS命名规则.docx

    - div用于布局,ul/ol表示列表,span辅助排版,h1-h6代表不同级别的标题,label加强表单亲和力,fieldset和legend用于组织表单内容。 - dl, dt, dd用于定义描述列表,如问题和答案的展示。 - 在XHTML结构中,如c-...

    前端大厂面试题宝典.pdf

    表格和表单的编写也有明确的规范,比如使用caption、thead、tbody、tfoot来组织表格内容,使用fieldset和legend来组织表单域。 在CSS方面,书中讨论了多种使元素水平垂直居中的方法,比如使用margin实现、利用绝对...

    WEB表单设计学习总结.zip

    4. 分组布局:用fieldset和legend标签将相关字段分组,增强可读性。 四、响应式表单设计 随着移动设备的普及,表单需要适应不同的屏幕尺寸。使用媒体查询(Media Queries)和流式布局(Fluid Layout)确保表单在...

    j2ee 表单学习

    - **fieldset 和 legend**:用于分组表单控件,并给出分组标题。 - 示例代码: ```html &lt;fieldset&gt; &lt;legend&gt;表单分组标题&lt;/legend&gt; &lt;!-- 表单控件 --&gt; &lt;/fieldset&gt; ``` - **div 和 span**:用于布局和样式...

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

    在本篇文章中,我们将讨论简单form标准化实例的语义结构,并详细介绍如何使用fieldset、legend、label、accesskey和optgroup标签来实现form的标准化。 一、使用fieldset和legend标签 在form中,我们经常会对form中...

    Form元素总结.doc

    **Fieldset和Legend元素** 1. `fieldset`:用于组织相关表单元素。 2. `legend`:为`fieldset`定义标题。 **Keygen元素** 1. 用于生成加密密钥,但浏览器支持度有限。 **Details和Summary元素** 1. `details`:...

    HTML中fieldset

    同时,fieldset 元素还可以包含 legend 元素,legend 元素用于指定该 fieldset 的标题或名称。 在上面的示例代码中,我们可以看到三个 fieldset 元素,每个 fieldset 元素都包含了多个表单控件,并且都具有唯一的 ...

    javascript 隐藏/显示指定的区域附HTML元素【legend】用法

    在这个示例中,我们使用了 fieldset 和 legend 元素来创建一个可折叠的区域。然后,我们使用 JavaScript 代码来控制这个区域的显示和隐藏。 JavaScript 代码使用了一个函数 expandOther,该函数接受两个参数:el 和...

    fieldset相关的总结

    `&lt;fieldset&gt;`标签通常与`&lt;legend&gt;`标签一起使用,`&lt;legend&gt;`为`&lt;fieldset&gt;`内的元素提供了一个标题。这种组合可以帮助用户更好地理解表单的目的和各个部分的内容。例如,当一个表单包含多个相关的输入字段时,如个人...

    fieldset标签定义说明.docx

    在这个例子中,`&lt;fieldset&gt;`将三个相关的输入字段(姓名、电子邮件和出生日期)分组在一起,而`&lt;legend&gt;`则提供了“Personalia:”这个标题。 二、浏览器支持 `&lt;fieldset&gt;`标签被所有主流浏览器广泛支持,包括...

    Ext.form.FieldSet的用法.pdf

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

    5个酷炫、实用的HTML标签和属性介绍

    2. fieldset和legend标签 fieldset标签用于将表单内的相关元素分组,以便用户更容易理解表单的结构。每个fieldset可以包含一个legend标签,作为该分组的标题。legend标签内的文本将作为fieldset组的说明或标题出现。...

    主从表样例1 使用fieldset

    &lt;legend&gt;SubTable 1&lt;/legend&gt; SubTable List Field1 Field2 Field3 Operater ...

    Ext.form.FieldSet的用法.docx

    1. **checkboxToggle**: 如果设置为`true`,FieldSet会在legend标签前添加一个复选框,用户可以通过勾选这个复选框来展开或折叠FieldSet。你可以传递一个DOMHelper配置对象来定制这个复选框的外观。 2. **checkbox...

Global site tag (gtag.js) - Google Analytics