html 标签不适用于复选框

i7uq4tfw 于 2022-12-21 发布在其他

关注(0)|答案(3)|浏览(92)

好吧，我错过了什么？我有：

<form>
    <input type="checkbox" name="showRatings" value="1" checked>
    <label for="showRatings">Show Ratings</label>
</form>

当我点击“显示评分”文本时，复选框没有切换，我知道这很简单。

3条答案

我认为label元素链接到id属性，而不是name属性。

<form>
  <input type="checkbox" name="showRatings" id="showRatings" value="1" checked>
  <label for="showRatings">Show Ratings</label>
</form>

参考此处。

当input元素在标签内部时，我们不需要元素的id和标签的'for'属性，但是当它在标签外部时，我们需要它。

<label>
    Foo
    <input name="foo" type="checkbox" />
</label>

点击“Foo”将触发复选框的切换

试试这个，这将工作。它将不与名称属性一起工作。

<form>
  <input type="checkbox" name="showRatings" id="showRatings" value="1" checked>
  <label for="showRatings">Show Ratings</label>
</form>