HTML中的下拉列表：Html代码<select><optionvalue="1">Volvo</option><optionvalue="2">Saab</option><optionvalue="3">Opel</option><optionvalue="4">Audi</option></select>其中select是显示一个下拉列表(dropdownlist)出来，option是下拉列表中的项目(item)，而option的文本内容(textcontent)是下拉列表项目中显示到页面上的值，value是真正需要提交到服务端的值。显示效果如下所示：更复杂的下拉列表：Html代码<select><optgrouplabel="SwedishCars"><optionvalue="1">Volvo</option><optionvalue="2">Saab</option></optgroup><optgrouplabel="GermanCars"><optionvalue="3">Mercedes</option><optionvalue="4">Audi</option></optgroup></select>这个下拉列表包含一个“项目组”(itemgroup)，这个组是无法选择的，使用label标签标记字面内容，真正起作用的，还是value属性。看一下这个包含“项目组”的下拉列表option中的参数：selected="selected"如果需要打开页面就默认选中某个option，需要用到selected参数：Html代码<select><optionvalue="1">Volvo</option><optionvalue="2">Saab</option><optionvalue="3"selected="selected">Mercedes</option><optionvalue="4">Audi</option></select>option中的参数：disabled="disabled"如果需要禁用某个项目，但是却又不想隐藏，可以使用disabled属性Html代码<select><optionvalue="1">Volvo</option><optionvalue="2">Saab</option><optionvalue="3"disabled="disabled">Mercedes</option><optionvalue="4">Audi</option></select>option中的参数：title如果需要在鼠标放到某个项目上时，给出提示，可以使用title属性Html代码<select><optionvalue="1">Volvo</option><optionvalue="2">Saab</option><optionvalue="3">Mercedes</option><optionvalue="4"title="Audi,yourbestchoice!">Audi</option></select>其实，title也可以用在很多其他的HTML标签中！
阅读全文 >
