如何创建一个简单的带有预选值的下拉列表(第一个博客,来个简单的)

        

        在浏览网页时我们经常会遇到有下拉选项的列表框,并且未选择前显示的是列表中的第一个,那要怎么去让它未选择前显示一个我们想要显示的其中一个选项呢?


首先,创建下拉列表控件时必须要用这两种元素:

一个<select>元素容纳列表、多个<option>元素集合来标识列表选项。
使用<select>元素的name属性给整个列表命名,使用每个<option>元素的value属性来给每个选项一个唯一的值。
然后只需在要显示的选项设置<option>元素的selected属性即可。









<html>

<body>

<form>
    <select name="city">


  <option value="beijing">北京</option>
  <option value="shanghai">上海</option>
  <option value="chengdu" selected="selected">成都</option>
  <option value="shenzhen">深圳</option>
  <option value="wuhan">武汉</option>


    </select>

</form>

</body>
</html>

posted on 2015-11-29 20:56  向峰  阅读(576)  评论(0)    收藏  举报

导航