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>

执行结果:

相关推荐
杨凯凡5 小时前
Spring Boot 链路追踪实战:Micrometer、TraceId 与异步线程上下文传播
java·spring boot·后端
计算机毕设定制辅导-无忧学长5 小时前
《基于Spring Boot的迷游哈游戏综合服务平台的开发》
java·vue.js·spring boot·mysql·迷游哈游戏综合服务平台
恋猫de小郭6 小时前
Flutter 3.50 & Dart 3.14 发布,快来看看有什么更新吧
android·前端·flutter
非优秀程序员14 小时前
第10章 千团出世|《互联网产品恩仇录》
前端
非优秀程序员14 小时前
第11章 小高在对面|《互联网产品恩仇录》
前端
非优秀程序员14 小时前
第14章 只剩美团|《互联网产品恩仇录》
前端
非优秀程序员14 小时前
第09章 老乡何必为难老乡|《互联网产品恩仇录》
前端
非优秀程序员14 小时前
第03章 三大门户,烽烟起于瀛海威|《互联网产品恩仇录》
前端
非优秀程序员14 小时前
第04章 邮箱大战,163 与 QQ 的暗战|《互联网产品恩仇录》
java·vue.js·架构
知已难寻15 小时前
Docker 入门:容器技术与 Docker 基础
java·运维·服务器·docker·云原生·容器