html页面中selected="selected"无效

头一回碰到这种情况，

<select style="float: left; id="start">
     <option value="-1"  selected="selected">爱好</option>
    <option value="0">吃饭</option>
    <option value="1">睡觉</option>
    <option value="2">跑步</option>
    <option value="3">游泳</option>
<select>

这样设置，selected="selected"居然设置无效，百度上搜了些资料，说以下方式可以

<select style="float: left; id="start"  autocomplete="off">
     <option value="-1"  selected="selected">爱好</option>
    <option value="0">吃饭</option>
    <option value="1">睡觉</option>
    <option value="2">跑步</option>
    <option value="3">游泳</option>
<select>

但是我这有试了之后还是不行，最后才发现，默认选中的那个value不能有值，这样就可以了

<select style="float: left; id="start">
    <option value="" selected="selected">爱好</option>
    <option value="0">吃饭</option>
    <option value="1">睡觉</option>
    <option value="2">跑步</option>
    <option value="3">游泳</option>
<select>

如果以上方式还是不行，可以采纳一下方式

<select style="float: left; id="start"  autocomplete="off">
   <option  value="" selected="selected">爱好</option>
   <option value="0">吃饭</option>
   <option value="1">睡觉</option>
   <option value="2">跑步</option>
   <option value="3">游泳</option>
<select>