1. 程式人生 > >select 下拉框實現 placeholder 效果

select 下拉框實現 placeholder 效果

程式碼段:

<select>
        <option value="1" selected disabled style="display: none;">--請選擇--</option>
        <option value="2">可樂</option>
        <option value="3">橙汁</option>
        <option value="4">雪碧</option>
        <option value="5">牛奶</option
> </select>
<select>
        <option value="1"  hidden>--請選擇--</option>
        <option value="2">可樂</option>
        <option value="3">橙汁</option>
        <option value="4">雪碧</option>
        <option value="5">牛奶</option>
    </select>

效果圖:
這裡寫圖片描述