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

  • 面試心得 - Houzz
    Job Company  :   Houzz Job  :   Back-End Software Engineer Source  :   Recruiter on LinkedIn Result  :   止步二面 Summary 1. 英文程度不佳  :...
  • 英文歌詞翻譯 Jonathan Roy - Keeping Me Alive
    You try to hold me down so I became a soldier 你想要控制所以我成為了戰士 Built up all theses walls and now I'm climbing over 監牢般的城牆如今我已越過 Thos...
  • 英文歌詞翻譯 Gryffin, Elley Duhé - Tie Me Down
    Don't lie, I know you've been thinking it 別說謊了，我知道你一直很渴望 And two times, you let it slip from your lips 兩次了，你那不想讓人聽見的低語 You...
  • C/C++ - 左值、右值 ( lvalue、rvalue )
    lvalue 、rvalue 基本概念 左值 (lvalue) : 一個佔據某個特定記憶體的值。 右值 (rvalue) : 一個 expression 結束後就消失的值。 基本上這兩個定義包含了全部的值，非左即右，非右即左。 int var = 4; // v...
  • BCB 筆記7 (StrToInt)
    報告在製作時，一定會遇到要字串轉數字 在 BCB 裡有方便的函式 常見的有 String str = "123" int x = StrToInt(str); float y = StrToFloat(str); 但有時候...
  • BCB 選擇路徑(資料夾)
    BCB 選擇路徑(資料夾) 工作關係要將各式各樣的資料彙整並輸出 各式各樣的資料都放在同一目錄下 所以在設計程式就必須設計可以給使用者選擇目錄 但BCB10似乎沒有這種元件 (其實有 DirectoryListBox 但我駕馭不了) 於是Google發現大家用的...
  • BCB 筆記2 (TDateTime)
    BCB TDateTime 時間操作及應用 在 BCB 裡有關時間的操作幾乎都是與 TDateTime 這個 Class 相關 若找不到相關資料可以用 BCB 的 HELP ( 游標移到要查詢的函式或Class 並按 F1 ) 介紹幾個個人有在用的函式 TDate...
  • Python Error - UnicodeDecodeError: 'cp950' codec can't decode
    讀檔時 UnicodeDecodeError: 'cp950' codec can't decode 老實說這非常常見，即使你的檔案是用 UTF-8 編寫，而且用 Python3 ( 絕大部分 default 是 utf-8 )，仍...
  • C 語言 - Linux System Log
    Linux - System Log     Linux 當事件發生會產生 log，通常會存在 /var/log 底下。優先度如下。     debug     info     notice     warning     err     crit    ...
  • BCB OLE操作EXCEL(1)
    BCB 操作 EXCEL、WORD ( OLE的應用 ) 之前有講工作關係需要彙整報告，報告不外乎 WORD、EXCEL、PDF檔 程式要操作 WORD、EXCEL 可以靠微軟的 COM（Component Object Model）或 .NET Framework ...