UPUPD技术论坛

标题: 【HTML基础】-4.5-使用下拉列表框进行多选 [打印本页]
作者: 洛尘    时间: 2015-10-20 13:31
标题: 【HTML基础】-4.5-使用下拉列表框进行多选
本帖最后由 洛尘 于 2015-10-20 13:32 编辑

下拉列表也可以进行多选操作，在<select>标签中设置multiple="multiple"属性，就可以实现多选功能，在win系统下，进行多选时按下ctrl键同时进行单击（在mac下使用command+单击），可以选择多个选项。如下代码：

  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