跳至內容
Astera Technology

HTML 原生控制項行為

標籤、分組、預設值、停用狀態及表單所屬。

Astera Technology

欄位有文字,不代表標籤已連好

按一下欄位標籤,核對焦點是否到正確輸入框;有文字在旁,不代表已建立關聯。

實用教學
Astera Technology

整組停用時,為何第一個圖例的欄位仍可用?

input 自己沒有 disabled,仍可能受整組停用影響;第一個 legend 內的例外要另外看。

實用教學
Astera Technology

兩組單選互相取消?先查 name

文字大小和用色是兩個選擇;用不同 name 分組,避免改用色時取消字級。

實用教學
Astera Technology

必選清單的提示項,不能當成答案

清單初始提示用空值,讓原生核對分得出「未選」與已揀主題。

實用教學
Astera Technology

多行文字欄的預設值,要放在哪裏?

多行欄位初始文字寫在標記之間;改過的現值與原本預設值要分開看。

實用教學
Astera Technology

disabled="false" 為何仍然不能輸入?

HTML 布林屬性看有沒有出現,不按文字 false 判真假;要取消停用,須移除屬性。

實用教學
Astera Technology

datalist 只提供建議,未必限制輸入

清單建議兩個值,仍可以輸入第三個;用原生核對看清楚,它不是允許值名單。

實用教學
Astera Technology

欄位在表單外,也可以屬於同一份表單

input 沒放在 form 標記內,也可用 form 屬性連上同一份表單;畫面位置與所屬關係要分清。

實用教學
Astera Technology

處理進度和量度值,別用同一種標記

已處理檔案是進度,磁碟用量是量度值;即使同樣六成,也不代表要用同一元素。

實用教學