HTML 預設選取參數(checked/selected)

何時要用 checked, 何時用 selected, 常常都會搞混 .... 整理一下比較實在.

  • checkbox: checked
  • radio: checked
  • select: selected
  • 總之: input 欄位的都是用 checked, select 的用 selected.

Form 的 Input 型態(<input type="型態">)

  • text
  • password
  • file
  • submit
  • image => 這個要另外加上 src="" 的屬性
  • button
  • reset
  • hidden
  • checkbox => 預設勾選 checked
  • radio => 預設選取 checked
  • <input disable> 會把此欄變灰色, 不能 輸入/修改 資料.
  • <input readonly> 此欄的資料就將是唯讀, 沒辦法修改. (感謝 ㄚ凱 提供)

Form 的  Select:(<select><option> ...</option></select>)

  • option => 預設選取 selected

其它參考


關於 Tsung

對新奇的事物都很有興趣, 喜歡簡單的東西, 過簡單的生活.
本篇發表於 My_Note-Programming。將永久鏈結加入書籤。

HTML 預設選取參數(checked/selected) 有 2 則回應

  1. ㄚ凱 說道:

    好像沒有列到 readonly ...
    disabled 的欄位在送出時候忽略,但是 readonly 的不會...

  2. Tsung 說道:

    主要是.... 沒有想到.. Orz....
    這篇主要是要記 selected 和 checked 對應哪個 HTML Tag (常搞混)...
    不過 還是很感謝提供 readoly 的參數, 已加上... 謝謝~~~ 😀

發表迴響