HTML - 多选框

正如我们在前面的教程说，多选框是输入标签所提供的应用之一部分。

与以前的教程所不同的是，这一次我们将更进一步地研究这个问题。

多选框 - 创建列表

多选框帮助用户，通过使得hi同时选择比从给定的一个多的选项。

html<p>选择你最喜欢的颜色。</p>
<p>
	Blue: <input type="checkbox" name="colors" value="blue" /><br />
	Yellow: <input type="checkbox" name="colors" value="yellow" /><br />
	Red: <input type="checkbox" name="colors" value="red" /><br />
	Green: <input type="checkbox" name="colors" value="green" />
</p>

Demo

多选框 - 默认选择框

多选框还提供了在某些情况下以便容易用户的工作已被选中的可能性。

这事与选择属性的帮助下完成 选择 属性, 设置它的值为yes, 如下所示.

html<p>Choose your favorite colors .</p>
<p>
	Blue: <input type="checkbox" name="colors" value="blue" checked="yes" /><br />
	Yellow: <input type="checkbox" name="colors" value="yellow" /><br />
	Red: <input type="checkbox" name="colors" value="red" /><br />
	Green: <input type="checkbox" name="colors" value="green" checked="yes" />
</p>

Demo

你可以尝试使用该应用玩一玩儿。你会看到，这是很简单的，但是非常有用的。