要在 HTML 中创建带有多选框的列表,可以使用以下代码:
<h3>请选择您喜欢的水果:</h3>
<ul>
<li>
<input type="checkbox" id="apple" name="fruit" value="apple">
<label for="apple">苹果</label>
</li>
<li>
<input type="checkbox" id="banana" name="fruit" value="banana">
<label for="banana">香蕉</label>
</li>
<li>
<input type="checkbox" id="orange" name="fruit" value="orange">
<label for="orange">橙子</label>
</li>
</ul>
在上面的代码中,我们使用了 <input>
元素来创建多选框,使用 <label>
元素为多选框添加标签。我们将它们包含在 <li>
元素中,以创建一个列表。
在 <input>
元素中,我们使用了 type="checkbox"
属性来指定创建多选框。id
属性指定了多选框的唯一标识符,name
属性指定了多选框的组名称,value
属性指定了多选框的值。
在 <label>
元素中,我们使用了 for
属性来将标签与多选框关联起来。for
属性的值应该与多选框的 id
属性值相同。
最后,我们使用了 <ul>
元素来创建一个无序列表。
可以根据需要添加更多的多选框和标签。要将多个多选框组合在一起,请使用相同的 name
属性值。