HTML - 选择菜单

“下拉”列表是列表之最实用的类型之一个。在互联网上你可能已经遇到了它们,但没知道它们有这样一个奇特的名字。

html<select name="my_html_select_box">

	<option>纽约</option>
	<option>布加勒斯特</option>
	<option>马德里的</option>

</select>

Demo

浏览器将会自动地显示第一个选项。 这个东西可以与'选择'属性的帮助被改变。

html<select name="my_html_select_box">

	<option>纽约</option>
	<option selected="yes">布加勒斯特</option>
	<option>马德里的</option>

</select>

Demo

HTML - 选择表单

我们将使用大小属性来更改一个下拉列表为一个选择表单

html<select name="my_html_select_box" size="3">

	<option>纽约</option>
	<option>布加勒斯特</option>
	<option>马德里的</option>

</select>

Demo

HTML - 多重选择

在用户要选择多个选项的情况下,我们会更容易使用的帮助 多重属性。

html<select name="my_html_select_box" multiple="yes" size="3">

	<option>纽约</option>
	<option>布加勒斯特</option>
	<option>马德里的</option>

</select>

Demo

但是必须得理解,这个属性不能与一个下拉列表工作,并且只要理解,这个属性不能与一个下拉列表的工作,并且大小 属性为它被设置的。


版权及转载说明

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

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

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