2-24 下拉菜单和列表标签练习

来源:2-24 编程练习

慕言_7946275

2019-07-05 15:14:50

<!DOCTYPE html>
<html>
<head>
    <title>表单</title>
	<meta charset="utf-8">
</head>
<body>
    <form>
        下拉菜单:<br/>
    <select>
       <option value="panda">熊猫</option>
    </select> <br/><br/>
    列表:<br/>
    <select>
            
       <option value="apple">苹果</option>
       <option value="balana">香蕉</option>
       <option value="orange">橙子</option>
    </select> <br/><br/>
    下拉菜单选项:<br/>
    <select name="animal" multiple>
       <option value="panda">熊猫</option>
       <option value="cat">猫</option>
       <option value="dog">狗</option>
       <option value="monkey">猴子</option>
       <option value="pig">猪</option>
     </select><br/><br/>
     列表项:<br/>
     <select name="fruit" multiple size="3">
       <option value="apple">苹果</option>
       <option value="balana">香蕉</option>
       <option value="orange">橙子</option>
       <option value="peach">桃子</option>
       <option value="pear">梨子</option>
    </select>
    </form>
 <!-- 在此完成相关任务 -->
</body>
</html>


写回答

1回答

好帮手慕言

2019-07-05

你好,这个练习写出左侧效果就可以:

http://img.mukewang.com/climg/5d1f0dda00019e0e04980339.jpg

右侧两个是为了让同学们看见前面两个列表中有什么。

代码参考:

http://img.mukewang.com/climg/5d1f0eda0001e4ab06840658.jpg

祝学习愉快~

0

0 学习 · 40143 问题

查看课程