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

选择你最喜欢的颜色。

Blue:
Yellow:
Red:
Green:

多选框 - 默认选择框

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

这事与选择属性的帮助下完成 选择 属性, 设置它的值为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

Choose your favorite colors .

Blue:
Yellow:
Red:
Green:

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


版权及转载说明

本站原创、转载文章欢迎任何形式的转载,但请务必注明出处,尊重他人劳动共创开源社区

本站转载文章版权归原作者所有,如发现本站文章涉嫌侵权请点击「联系我们」反馈,本站将给予删除

本教程数据来源「 http://tutorialehtml.com/zh/html-tutorial-complete-html-guide/ 」