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>