在HTML中显示字段名称值元组的正确方法？

Question

我在页面中有一个大表单，在某些部分我有一些不可编辑的静态数据：

git config --global --replace-all user.name "user_name"

这些字段不是表单（无输入）等的一部分，而是硬固定值。我确实尝试了一些事情，但我很困惑这是什么最合适的事情。我无法找到关于此的更多信息。

我的第一次拍摄：

First name: John
Birthday: 1980/1/1

我的第二次拍摄：

<div>
  <label for="name">Name</label>
  <span id="name">John</span>
  <label for="birthday">Birthday</label>
  <span id="birthday">1980/1/1</span>
</div>

这是我对此的两个看法。但是，如果甚至允许使用<div> <span class="field-name">Name</span> <span class="field-value">John</span> <span class="field-name">Birthday</span> <span class="field-value">1980/1/1</span> </div> 非格式的静态数据，我感到困惑吗？什么是最好的无表格方法？

Answer 1

1. 表元素实际上是不表示表格的坏方法。
2. 您可以使用只读输入字段来指示数据属于表单但不可编辑。为此，只需为readonly="readonly"元素添加input属性即可。 （只有readonly也适用于非XHTML文档。）
3. 标签for跨度毫无意义，因为span中没有互动性。你想要实现什么目标？
4. 如果需要的只是样式，并且您不想出于某种原因使用表格，span或div通过类的CSS样式可能会正常工作。< / LI>