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

Question

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

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

Answer 1

对比一下代码和效果：

<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>

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