首页 > 技术文章 > 创建一个多选框,且和文本关联起来(单击文本就像单击该选框一样)

luckybaby519 2019-03-22 21:11 原文

第一种方法:文字必须是label标签内,checkboxid<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>

 

推荐阅读