单击表格行时，如何将焦点设置在最近的输入字段上。像<label>这样没有文字的东西

Question

我有两列和多行的表。在左侧，我将有一次文本，一旦没有。在右侧，我将有一些输入或textarea的字段。

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

Answer 1

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

＆＃13;

＆＃13;

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

＆＃13;

<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>

＆＃13;

＆＃13;

＆＃13;