2-29编程练习

2-29编程练习

<!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

登陆购买课程后可参与讨论,去登陆

1回答
好帮手慕慕子 2022-02-20 10:19:33

同学你好,练习题截图展示的点击下拉框选择时效果,而不是实现多选的下拉列表,所以可以将后面的内容去掉,简化代码书写,示例:

https://img1.sycdn.imooc.com//climg/6211a52709c20c4c10460642.jpg

祝学习愉快~

问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师