zoukankan      html  css  js  c++  java
  • 使用下拉列表框<select>标签,节省空间

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

    讲解:

    1、value:

    2、selected="selected":

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

    在浏览器中显示的结果:

    示例:

    <!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="旅游">旅游</option>
          <option value="运动" selected="selected">运动</option>
          <option value="购物">购物</option>
        </select>
    </form>
    </body>
    </html>
  • 相关阅读:
    第一次作业
    第0次作业—姚舜禹17-1
    第三周作业
    第二周作业
    第一周作业
    第零周作业
    第三周作业
    第二周作业
    第一周作业
    第0次作业
  • 原文地址:https://www.cnblogs.com/Rinpe/p/5539654.html
Copyright © 2011-2022 走看看