html中表单里面的下拉框问题 -问答-阿里云开发者社区-阿里云

开发者社区> 问答> 正文

html中表单里面的下拉框问题

杨冬芳 2016-06-14 13:49:42 1586
<select name="country" multiple="multiple" size="2">
      <option value="none">选择国家</option>
      <option value="cn">--中国--</option>
      <option value="usa">--美国--</option>
      <option value="uk">--英国--</option>
</select>

为什么还是四个选项全部直接显示出来了啊
screenshot

分享到
取消 提交回答
全部回答(1)
  • 杨冬芳
    2019-07-17 19:37:24

    对比一下代码和效果:

    <select  name="country"> 
          <option value="none">选择国家</option>
          <option value="cn">--中国--</option>
          <option value="usa">--美国--</option>
          <option value="uk">--英国--</option>
    </select>
    
    <select name="country" size="2">
          <option value="none">选择国家</option>
          <option value="cn">--中国--</option>
          <option value="usa">--美国--</option>
          <option value="uk">--英国--</option>
    </select>
    
    
    <select name="country" size="5">
          <option value="none">选择国家</option>
          <option value="cn">--中国--</option>
          <option value="usa">--美国--</option>
          <option value="uk">--英国--</option>
          <option value="cn">--中国--</option>
          <option value="usa">--美国--</option>
          <option value="uk">--英国--</option>
    </select>​
    
    
    
    <select name="country" multiple="multiple" size="2">
          <option value="none">选择国家</option>
          <option value="cn">--中国--</option>
          <option value="usa">--美国--</option>
          <option value="uk">--英国--</option>
    </select>
    
    <select name="country" multiple="multiple" >
          <option value="none">选择国家</option>
          <option value="cn">--中国--</option>
          <option value="usa">--美国--</option>
          <option value="uk">--英国--</option>
    </select>
    
    <select name="country" multiple="multiple">
          <option value="none">选择国家</option>
    </select>
    
    <select name="country" multiple="multiple" size="1">
          <option value="none">选择国家</option>
    </select>
    

    screenshot
    size默认是1,当你使用了size属性并且size属性大于1时就会出现option自动展开的情况,但是使用该属性后,size属性默认最小值是4,就是说你给2,3,4都会显示4个。另外multiple 属性也会让option自动展开。

    0 0
云计算
使用钉钉扫一扫加入圈子
+ 订阅

时时分享云计算技术内容,助您降低 IT 成本,提升运维效率,使您更专注于核心业务创新。

推荐文章