下拉列表框

下拉列表在网页中也常会用到，它可以有效的节省网页空间。既可以单选、又可以多选。如下代码：

QQ截图20161207112403.png

讲解：

1、value：

2、selected="selected"：

设置selected="selected"属性，则该选项就被默认选中。

在浏览器中显示的结果：

QQ截图20161207112504.png

继续学习

新建文件

<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>下拉列表框</title> </head> <body> <form action="save.php" method="post" > <label>爱好:</label> <select> <option value='看书'>看书</option> <option value='旅游' selected="selected">旅游</option> <option value='运动'>运动</option> <option value='购物'>购物</option> </select> </form> </body> </html>

提交重置代码

自动运行

章节

笔记

提问

课件

反馈

捐赠