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>

执行结果:

相关推荐
瓯雅爱分享2 分钟前
Java+Vue构建的采购招投标一体化管理系统,集成招标计划、投标审核、在线竞价、中标公示及合同跟踪功能,附完整源码,助力企业实现采购全流程自动化与规范化
java·mysql·vue·软件工程·源代码管理
光影少年2 分钟前
angular生态及学习路线
前端·学习·angular.js
无尽夏_2 小时前
HTML5(前端基础)
前端·html·html5
Jagger_2 小时前
敏捷开发流程-精简版
前端·后端
mit6.8242 小时前
[C# starter-kit] 命令/查询职责分离CQRS | MediatR |
java·数据库·c#
FIN66683 小时前
昂瑞微冲刺科创板:创新驱动,引领射频芯片国产化新征程
前端·安全·前端框架·信息与通信·芯片
诸神缄默不语3 小时前
Maven用户设置文件(settings.xml)配置指南
xml·java·maven
GISer_Jing3 小时前
ByteDance——jy真题
前端·javascript·面试
睡美人的小仙女1273 小时前
浏览器为何屏蔽本地文件路径?
前端
真的想不出名儿3 小时前
Vue 中 props 传递数据的坑
前端·javascript·vue.js