2019年3月31日 星期日

HTML 下拉表單預設選項

在網頁裡有下拉表單 <Select>

有時會希望使用者真的有作過選擇,才進行下一步動作

這時會設置一個預設的 Option,使其 value = "",來判斷使用者有無真的作選擇
    <option value='' selected disabled hidden>請選擇</option>
selected:  預設此選項
disabled:  使此選項不能點擊
hidden:  讓此選項在下拉的時候消失
    <option value='' selected disabled hidden style='display: none' >請選擇</option>
style='display: none' => 舊版本 Browser 可能不支援 hidden

參考資料 :
https://codeday.me/bug/20170611/22563.html

0 意見:

張貼留言

Popular Posts