2-29编程练习
来源：2-29 编程练习
BIN_King
2022-02-19 22:55:34
<!doctype html>
<html>
<head>
<title>optgroup分组</title>
</head>
<body>
<form>
<table>
<tr><td>
<select name="xz">
<option value="xz1" selected>请选择：</option>
<optgroup label="竹子类">
<option value="">珠子</option>
<option value="">竹子</option>
<option value="">诸子</option>
</optgroup>
<optgroup label="树类">
<option value="">伞树</option>
<option value="">潵树</option>
<option value="">顺树</option>
</optgroup>
</select>
</td></tr>
<tr><td height="50px"></td></tr>
<tr><td>
<select name="xz2" size="5" multiple>
<option value="现在" selected>请选择：</option>
<optgroup label="水果">
<option value="pg1">苹果</option>
<option value="pg2">苹果</option>
<option value="pg3">苹果</option>
<option value="pg4">苹果</option>
</optgroup>
<optgroup label="蔬菜">
<option value="sc1">白菜</option>
<option value="sc2">白菜</option>
<option value="sc3">白菜</option>
<option value="sc4">白菜</option>
</optgroup>
</select>
</td></tr>
</table>
</form>
</body>
</html>
1回答
-
好帮手慕慕子
2022-02-20
同学你好，练习题截图展示的点击下拉框选择时效果，而不是实现多选的下拉列表，所以可以将后面的内容去掉，简化代码书写，示例：
祝学习愉快~
0
相似问题