javascript - 当我单击表格行时，如何将焦点设置在最近的输入字段上。类似于没有文本的

Question

我的表格有两列和多行。在左侧我将有一次文字，一次什么也没有。在右侧，我将有一些输入或文本区域的字段。

当我单击表格行左侧时，如何将焦点设置在输入字段上？ <label>工作正常，但仅适用于文本，不适用于 TR。

Answer 1

设置标签样式以填充单元格。

td label {
  display: block;
  height: 100%;
  width: 100%
}

<table>
  <tr>
    <td>
      <label for="a">foo</label>
    </td>
    <td>
      <input id="a">
    </td>
  </tr>
  <tr>
    <td>
      <label for="b">barnj fklj kl</label>
    </td>
    <td>
      <input id="b">
    </td>
  </tr>
  <tr>
    <td>
      <label for="c">lorum ipsum</label>
    </td>
    <td>
      <input id="c">
    </td>
  </tr>
  <tr>
    <td>
      <label for="d">*fdhj*fdhj*</label>
    </td>
    <td>
      <input id="d">
    </td>
  </tr>
</table>