HTML inputmode 全域性屬性

Baseline 已廣泛支援

此功能已成熟,可在多種裝置和瀏覽器版本上使用。自 2021 年 12 月以來,它已在所有瀏覽器中可用。

inputmode 全域性屬性是一個列舉型屬性,用於提示使用者在編輯該元素或其內容時可能輸入的資料型別。這允許瀏覽器顯示合適的虛擬鍵盤。

它主要用於 <input> 元素,但也可用於任何處於 contenteditable 模式的元素。

重要的是要理解 inputmode 屬性不會強制執行任何輸入驗證要求。要要求輸入符合特定的資料型別,請選擇合適的 <input> 元素型別。有關選擇 <input> 型別的具體指導,請參閱 部分。

該屬性可以具有以下任何值

none

無虛擬鍵盤。適用於頁面實現自己的鍵盤輸入控制元件的情況。

text(預設值)

使用者當前區域設定的標準輸入鍵盤。

decimal

用於輸入小數的數字鍵盤,包含使用者區域設定的數字和小數點(通常是 .,)。裝置可能顯示也可能不顯示負號鍵(-)。

numeric

數字輸入鍵盤,但僅要求輸入 0–9 的數字。裝置可能顯示也可能不顯示負號鍵。

電話

電話鍵盤輸入,包括數字 0–9、星號(*)和井號(#)鍵。需要電話號碼的輸入通常應使用 <input type="tel">

最佳化用於搜尋輸入的虛擬鍵盤。例如,回車/提交鍵可能會標記為“搜尋”,並可能包含其他最佳化。需要搜尋查詢的輸入通常應使用 <input type="search">

電子郵件

最佳化用於輸入電子郵件地址的虛擬鍵盤。通常包含 @ 字元以及其他最佳化。需要電子郵件地址的輸入通常應使用 <input type="email">

url

最佳化用於輸入 URL 的鍵盤。例如,/ 鍵可能更顯眼。增強的功能可能包括歷史記錄訪問等。需要 URL 的輸入通常應使用 <input type="url">

規範

規範
HTML
# attr-inputmode

瀏覽器相容性

另見