HTML 原生控制項行為
標籤、分組、預設值、停用狀態及表單所屬。
欄位有文字,不代表標籤已連好
按一下欄位標籤,核對焦點是否到正確輸入框;有文字在旁,不代表已建立關聯。
整組停用時,為何第一個圖例的欄位仍可用?
input 自己沒有 disabled,仍可能受整組停用影響;第一個 legend 內的例外要另外看。
兩組單選互相取消?先查 name
文字大小和用色是兩個選擇;用不同 name 分組,避免改用色時取消字級。
必選清單的提示項,不能當成答案
清單初始提示用空值,讓原生核對分得出「未選」與已揀主題。
多行文字欄的預設值,要放在哪裏?
多行欄位初始文字寫在標記之間;改過的現值與原本預設值要分開看。
disabled="false" 為何仍然不能輸入?
HTML 布林屬性看有沒有出現,不按文字 false 判真假;要取消停用,須移除屬性。
datalist 只提供建議,未必限制輸入
清單建議兩個值,仍可以輸入第三個;用原生核對看清楚,它不是允許值名單。
欄位在表單外,也可以屬於同一份表單
input 沒放在 form 標記內,也可用 form 屬性連上同一份表單;畫面位置與所屬關係要分清。
處理進度和量度值,別用同一種標記
已處理檔案是進度,磁碟用量是量度值;即使同樣六成,也不代表要用同一元素。