複数のラベル/入力タグのペアを持つフォームがあります。同じフォーム内に、情報のみのペアが 1 つあります。つまり、名前と値のペアです。値は計算され、ユーザーの利便性のためのものであり、フォームでは送信されません。この情報を、ラベルと入力のペアと一致するようにユーザーに提示したいと考えています。つまり、名前と値のペアの名前部分をラベルのように見せたいのですが、このシナリオのラベルは入力タグを参照していないため、意味的に正しくありません。値の部分は入力ではないので、入力のように見える必要はありませんが、間隔を入力と同じにしたいです。定義リストはこの種のものに最適ですが、私の懸念は、これはリスト自体ではなく、1 つの項目にすぎないということです。
ここで同様の質問を見ましたが、決定的な/受け入れられた回答はありませんでした。さらに、順序付けられていないリストに言及していました。リストに単一のアイテムを含めるよりも、単一の用語/定義のペアを必要とする方がおそらく一般的であるため、定義リストは少し異なる獣だと思います。たぶん、単一の用語/定義のペアタイプのもののように、私が欲しいもののタグがあり、私はただ脳のおならを抱えています.
**編集： **
説明するいくつかのコード (コンテキストのフォーム要素を囲む)
<div>
<label for="PaymentDate">Payment Date</label>
<input type="text" id="PaymentDate" name="PaymentDate">
</div>
<dl>
<dt>Key</dt>
<dd>Value</dd>
</dl>
<div>
<label for="Reference">Reference</label>
<input type="text" id="Reference" name="Reference">
</div>
また
<div>
<label for="PaymentDate">Payment Date</label>
<input type="text" id="PaymentDate" name="PaymentDate">
</div>
<div>
<span class="key">Key</span>
<span class="value">Value</span>
</div>
<div>
<label for="Reference">Reference</label>
<input type="text" id="Reference" name="Reference">
</div>
私の質問は、セマンティックな観点から見た各アプローチの長所と短所は何ですか? 私にとってのスパンの欠点は、このシナリオでは、スパンにクラスを追加してフォーマットする必要がある可能性が高いことです。これは、エラー メッセージに既にスパンを使用しているためです。一方、css ファイルで定義をフォーマットするルールを作成することもできます。フォーム内で定義リストを使用する唯一の目的は、上記のシナリオのためであるためです。