Form表单中fieldset和legend标签

最新推荐文章于 2021-06-16 00:03:08 发布

转载最新推荐文章于 2021-06-16 00:03:08 发布 · 599 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/hero8377/archive/2013/06/15/3138040.html

文章标签：

#javascript #java #ViewUI

本文介绍了如何利用HTML中的fieldset和legend标签来提高用户在填写表单时的体验。通过实例展示，可以看到如何将注册表单的内容进行有效的分区，使用户能够更清晰地识别各部分信息。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

　　fieldset是from标签里的分割标签，使用fieldset进行功能分割会得到良好的用户体验。例如，用户注册时，用户主要信息和用户基本信息可以使用fieldset来进行分割。legend就类似标题，一般是和fieldset标签一起使用

<fieldset>
    <legend>用户主要信息：</legend>
    帐号：
    密码：
</fieldset>
<fieldset>
    <legend>用户基本信息：</legend>
    性别：
    年龄：
</fieldset>

转载于:https://www.cnblogs.com/hero8377/archive/2013/06/15/3138040.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_30674525

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

html5组织表单结构（field和legend标签的使用）

wanyun_qian的博客

12-18

690

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>组织表单结构</title> </head> <body> <h1>网站小调查</h1> <form action="#" c...

fieldset标签和legend标签

qq_1724201421的博客

04-13

5932

在表单中，我们可以使用fieldset标签来给表单元素进行分组。其中，legend标签用于定义某一组表单的标题。语法： <fieldset> <legend>表单组标题</legend> ...... </fieldset>使用fieldset和legend标签有两个作用：1.增强表单的语义。2.可以定义fields...

参与评论您还未登录，请先登录后发表或查看评论

fieldset lengend 的应用

chenwei1113的博客

10-15

275

表单 fieldset

刚哥的博客

08-13

916

html form legend,HTML Legend form用法及代码示例

weixin_35628611的博客

06-16

208

DOM图例表单属性用于返回对包含标记的表单的引用。这是只读属性，成功时将返回表单对象。用法:legendObject.form例：本示例返回一个表单属性。DOM Legend form Propertyform {width:50%;}label {display:inline-block;float:left;clear:left;width:90px;margin:5px;text-align...

form表单边框 fieldset

09-21

`<form>` 标签在HTML中用于创建表单，用户可以输入数据并提交给服务器处理...使用 `fieldset` 和 `legend` 可以增强表单的组织性和可读性，并通过CSS样式控制其外观。例如，你可以设置边框、背景色等来区分每个字段集。

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

09-28

在HTML中，`<fieldset>`标签是一个非常实用的元素，用于组织和布局表单内容，特别是在处理复杂的表单时，它能帮助用户更好地理解和导航。本文将深入探讨`<fieldset>`标签的概述、用途以及如何使用它来创建更加清晰、...

HTML的表单form以及form内部标签的使用

09-28

- `<fieldset>`和`<legend>`标签用于组织和标记表单的各个部分，`<fieldset>`定义了一个领域，而`<legend>`则为领域添加标题。此外，表单还包含两个特殊的按钮元素： - `<input type="submit">`：提交按钮，当用户...

HTML的表单form以及form内部标签的使用.doc

最新发布

07-13

表单设计详解：fieldset与legend辅助标记的作用

`fieldset` 是HTML中用于组织相关表单元素的结构，它定义了一个字段集，通常包含一个`<legend>` 标签，这个标签用于显示字段集的标题，帮助用户理解一组相关输入的含义。例如，`<fieldset><legend>个人资料</legend...

html中legend设置大小,HTML_如何给 legend 标签设定宽度，我们在做表单的时候经常会使 - phpStudy...

weixin_33289873的博客

06-08

1108

如何给 legend 标签设定宽度我们在做表单的时候经常会使用到这样的结构：哪些浏览器legend标签设定的宽度有效IE6IE7Firefox2Firefox3Opera9.0+Safari3.0+ 当我们使用 CSS 给 legend 标签设定固定宽度时：legend {background:red;width:500px;}在 IE6、IE7、Opera9.0+、Safari3.0+ 都正能常...

legend生成表单边框效果

weixin_33770878的博客

03-14

669

<form> <fieldset> <legend>健康信息</legend> 身高：<input type="text" /> 体重：<input type="text" /> </fieldset></form> 转载于:https://www.cnblogs.com...

qq_43812504的博客

12-03

534

表单：<from></form> <form name="" method="" action=""></form>  <form> 元素包含一个或多个如下的表单元素： <input> <textarea> ：文本框 <button> ：按钮 <

android 图表组件,Android图表控件MPAndroidChart之曲线图

weixin_36484814的博客

05-25

1383

1.LineChart图表初始化设置privateLineChart lineChart;private YAxisleftAxis;//左侧Y轴private YAxisrightAxis;//右侧Y轴private XAxisxAxis;//X轴private Legendlegend;//图例privateLimitLine limitLine;//限制线//private My...

MPAndroidChart3使用详解6：Legend（图例）