在html表单中使用label元素的最佳方法是什么?

时间:2017-08-05 15:52:29

标签: html forms label

我们何时将文字描述和文字描述同时包含在内? put&中的形式我们什么时候将标签与表格控件分开?

2 个答案:

答案 0 :(得分:0)

如果您希望在点击标签时触发输入,则应将输入包装成标签,如下所示:<label><input type="radio"> Label Text</label>

或者您可以通过在输入上给予和ID来启用此触发,并将其作为标签上的for属性,如下所示:<label for="theID">Label Text</label><input id="theID" type="radio">

但是如果你不想在标签上触发输入,那么你就不需要上面的任何一个。

答案 1 :(得分:0)

如果我正确地提出您的问题,您想知道以下之间的区别 -

  1. 标签包裹着文字说明&amp;表格输入 -
  2. &#13;
    &#13;
    <label>
    Male<input type="radio" name="gender" id="male" value="male">
    </label>
    &#13;
    &#13;
    &#13;

    1. 标签与表单控件分开 -
    2. &#13;
      &#13;
      <label for="male">Male</label>
      <input type="radio" name="gender" id="male" value="male">
      &#13;
      &#13;
      &#13;

      嗯,这两者的功能是一样的。唯一的区别是for属性,用于定义标签所分配的输入字段。

      只有当输入字段和标签在文档中一起使用时才能使用第一种方法(如片段中那样彼此相邻)。如果它们在文档中彼此相距很远,则必须使用第二种方法来定义标签的输入字段。请考虑以下示例 -

      &#13;
      &#13;
      <label for="male">Select Male</label>
      <br/>
      <br/>
      <input type="radio" name="gender" id="male" value="male"> Male
      &#13;
      &#13;
      &#13;