for="disabledTextInput"是做什么的?

来源:3-12 表单控件状态(禁用状态)

慕粉4119262

2016-11-05 11:35

<form role="form">

  <fieldset disabled>

    <legend><input type="text" class="form-control" placeholder="显然我颜色变灰了,但是我没被禁用,不信?单击试一下" /></legend>

    <div class="form-group">

      <label for="disabledTextInput">禁用的输入框</label>

      <input type="text" id="disabledTextInput" class="form-control" placeholder="禁止输入">

    </div>

    <div class="form-group">

      <label for="disabledSelect">禁用的下拉框</label>

      <select id="disabledSelect" class="form-control">

        <option>不可选择</option>

      </select>

    </div>

    <div class="checkbox">

      <label>

        <input type="checkbox"> 无法选择

      </label>

    </div>

    <button type="submit" class="btn btn-primary">提交</button>

  </fieldset>

</form>  


写回答 关注

1回答

  • Jack_Chenjl
    2016-11-05 13:42:55
    已采纳

    for就是为了说明这个label是为哪个元素“服务的”,比如你写了一个label和一个文本框,label是为文本框服务的,你可以设置用户点击label,焦点也可以自动定到文本框内,也不需要点文本框,焦点才落到文本框。

玩转Bootstrap(基础)

告诉你使用Bootstrap,并且能够独立定制出适合自己的Bootstrap

314546 学习 · 2275 问题

查看课程

相似问题