创建一个多选框，且和文本关联起来（单击文本就像单击该选框一样）

第一种方法：文字必须是label标签内,checkbox的id和<label>标签内的for=""中的名字必须相同。

代码如下：

<body>
<form>
    <input type="checkbox" id="number1" value=""/>
    <label for="number1">1</label>
    <input type="checkbox" id="number2" value=""/>
    <label for="number2">2</label>
    <input type="checkbox" id="number3" value=""/>
    <label for="number3">3</label>
</form>
</body>

第二种方法：把文字和checkbox包含在<label>标签内

代码如下：

<form>

    <label> <input type="checkbox" id="number1" value=""/>1</label>

    <label><input type="checkbox" id="number2" value=""/>2</label>

    <label><input type="checkbox" id="number3" value=""/>3</label>
</form>

 

posted @ 2019-03-22 21:11  骄傲一点才可爱  阅读(1556)  评论(0)    收藏  举报