HTML中的<fieldset>标签元素框的使用

HTML 提供的 <fieldset> 标签用于在表单中分组相关元素。

<fieldset> 标签会在相关元素周围绘制一个框。

<legend> 标签为 fieldset 元素定义标题。

语法如下:

html 复制代码
<fieldset>
    <legend>标题</legend>
    <!-- 元素内容... -->
</fieldset>

**【实例】**使用 <fieldset> 标签,显示博客信息。

html 复制代码
<fieldset>
    <legend>博客信息</legend>
    <p>博客信息:您好,欢迎访问 pan_junbiao的博客</p>
    <p>博客地址:https://blog.csdn.net/pan_junbiao</p>
</fieldset>

执行结果:

相关推荐
是乐谷8 分钟前
阿里云杭州 AI 产品法务岗位信息分享(2025 年 8 月)
java·人工智能·阿里云·面试·职场和发展·机器人·云计算
uhakadotcom8 分钟前
开源:subdomainpy快速高效的 Python 子域名检测工具
前端·后端·面试
爱加班的猫16 分钟前
Node.js 中 require 函数的原理深度解析
前端·node.js
用户81651112639717 分钟前
WWDC 2025 Build a SwiftUI app with the new design
前端
伍哥的传说21 分钟前
Vue 3.5重磅更新:响应式Props解构,让组件开发更简洁高效
前端·javascript·vue.js·defineprops·vue 3.5·响应式props解构·vue.js新特性
阅文作家助手开发团队_山神24 分钟前
第一章: Mac Flutter Engine开发准备工作
前端·flutter
Java水解26 分钟前
Java中的四种引用类型详解:强引用、软引用、弱引用和虚引用
java·后端
菜牙买菜26 分钟前
Hicharts入门
前端·vue.js·数据可视化
摸着石头过河的石头32 分钟前
手把手教你入门 MCP:模型上下文协议与 Trae IDE 中的实践
前端·mcp