UPUPD技术论坛

标题: 【HTML基础】-4.4-使用下拉列表框，节省空间 [打印本页]
作者: 洛尘    时间: 2015-10-20 13:24
标题: 【HTML基础】-4.4-使用下拉列表框，节省空间
本帖最后由 洛尘 于 2015-10-20 13:32 编辑

下拉列表在网页中也常会用到，它可以有效的节省网页空间。既可以单选，又可以多选
1.value<option value="向服务器提交的值">选项</option>


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


任务：


把下面代码中的“爱好”下拉列表的“旅游”选项设置为默认选项


  1. <html>
  2.                 <head>
  3.                 <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
  4.                 <title>下拉列表框</title>
  5.                 </head>
  6.                 <body>
  7.                 <form action="save.php" method="post" >
  8.                     <label>爱好:</label>
  9.                     <select>
  10.                       <option value="看书">看书</option>
  11.                       <option value="旅游">旅游</option>
  12.                       <option value="运动">运动</option>
  13.                       <option value="购物">购物</option>
  14.                     </select>
  15.                 </form>
  16.                 </body>
  17.                 </html>
复制代码






欢迎光临 UPUPD技术论坛 (http://bbs.upupd.com/) Powered by Discuz! X3.2