css - 具有两个图例的 HTML 字段集 - 顶部和底部

标签 css html legend fieldset

我目前正在使用 fieldsetlegend 在我拥有的一些输入周围绘制一个框,看起来像这样:

---------Caption---------
|                       |
|       inputs          |
|                       |
|                       |
-------------------------

我很好奇是否有办法像这样在框的底部放置另一个标题(图例):

---------Caption1--------
|                       |
|       inputs          |
|                       |
|                       |
--------Caption2---------

简单地在字段集底部使用另一个 legend 标签是行不通的....

最佳答案

fieldsetlegend 根据定义具有 1:1 的关系。一个fieldset里面不能有超过一个legend元素。您可以使用任何其他元素并使用 CSS 对其进行样式设置,使其看起来像一个 legend

关于css - 具有两个图例的 HTML 字段集 - 顶部和底部,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19985972/

相关文章:

html - 需要帮助使 div 出现在屏幕底部,而其余的 div 滚动

jquery - 如何在 Bootstrap 中垂直对齐的同一列上拉和推两个 div

r - 在传单图例 R 中显示自然中断间隔

r - 当我使用 ggnewscale 包创建多个比例时如何更改图例标题位置?

javascript - 如何在 Dreamweaver 中使用 JavaScript 创建点击计数器?

html - jQuery 验证不适用于所有字段

jquery - “活跃”类不工作

javascript - 如何切换 div 列表中的背景颜色?

php - MYSQL 删除特定行按钮 PHP

r - 在图的顶部添加图例