HTML enterkeyhint 全域性屬性
試一試
<input enterkeyhint="go" />
<p contenteditable enterkeyhint="go">https://example.org</p>
描述
(例如 <textarea> 或 <input> 元素)的 表單控制元件 或使用 contenteditable 的元素可以指定一個 inputmode 屬性來控制將使用哪種型別的虛擬鍵盤。為了進一步改善使用者體驗,可以透過提供 enterkeyhint 屬性來專門定製“回車”鍵,指示“回車”鍵應該顯示什麼標籤(或哪個圖示)。“回車”鍵通常表示使用者下一步應該執行的操作;典型操作包括:傳送文字、插入新行或搜尋。
如果沒有提供 enterkeyhint 屬性,使用者代理可能會使用 inputmode、type 或 pattern 屬性的上下文資訊來顯示合適的“回車”鍵標籤(或圖示)。
值
enterkeyhint 屬性是一個 列舉型 屬性,並且只接受以下值:
| 值 | 描述 | 示例標籤(取決於使用者代理和使用者語言) |
|---|---|---|
enterkeyhint="enter" |
通常用於插入新行。 | return, ↵ |
enterkeyhint="done" |
通常表示沒有更多需要輸入的內容,輸入法編輯器(IME)將關閉。 | done, ✅ |
enterkeyhint="go" |
通常表示將使用者引導至其輸入文字的目標。 | go, 🡢 |
enterkeyhint="next" |
通常將使用者引導至下一個可接受文字輸入的欄位。 | next, ⇥ |
enterkeyhint="previous" |
通常將使用者引導至上一個可接受文字輸入的欄位。 | return, ⇤ |
enterkeyhint="search" |
通常將使用者引導至搜尋其輸入文字結果的頁面。 | search, 🔍 |
enterkeyhint="send" |
通常將文字傳遞給目標。 | send |
規範
| 規範 |
|---|
| HTML # attr-enterkeyhint |
瀏覽器相容性
載入中…
另見
- 反映此屬性的
HTMLElement.enterKeyHint屬性 inputmode全域性屬性contenteditable全域性屬性<input>元素上的type和pattern屬性