入力フィールドをグループ化する方法

Question

座標というテキストをx座標とy座標の入力フィールドに関連付けたい。

<form action='' method='post'>
  <div>
    <span>座標</span>
    <label for='x'>x:</label>
    <input type='number' id='x' name='x'>
    <label for='y'>y:</label>
    <input type='number' id='y' name='y'>
  </div>
  <div>
    <button type="submit">送信</button>
  </div>
</form>

Comments

[int32_t]

「関連付け」とは具体的にどういう動作が欲しいのですか?

[3_April_2021]

少し追記しましたが、たとえば読み上げなどがより適切に機能するための配慮です。表示の問題や何らかの作成時の効率に関する解決を考えているわけではありません。

Answer 1

セマンティックの問題であれば、fieldsetとlegendで書くのがいいのではないかと思いました。
<fieldset>: フィールドセット要素 - HTML: HyperText Markup Language | MDN