使用什麼而不是數字輸入

在表單中收集數字時，你可能會首先想到使用數字輸入框。但是，這種方法存在各種問題。首先，有時你想要的看起來像數字，但實際上並非數字（例如，信用卡號碼帶有空格），因為它實際上只是一串數字字符串。更重要的是，它存在各種屏幕閱讀器問題。

Hanna Laakso 為GOV.UK 記錄了這些問題。他們最終採用的方案是：

<input type="text" inputmode="numeric">

inputmode屬性非常棒，我們對此進行了深入探討。

Phil Nash 得出了幾乎相同的結論，並在Twilio 博客上發表文章，講述瞭如何改進雙因素身份驗證代碼輸入的體驗：

<input type="tel" autocomplete="one-time-code">

最後一個屬性對我來說很有趣也很新穎。這意味著在支持它的瀏覽器上，你可以獲得這種超級有用的體驗：

Phil 還寫道，還有其他autocomplete值：

有許多可用的autocomplete值，涵蓋從姓名和地址到信用卡和其他帳戶詳細信息的所有內容。對於註冊和登錄，有一些autocomplete值非常有用： username 、 email 、 new-password 、 current-password 。

瀏覽器和密碼管理器有很好的啟發式方法來查找網頁上的登錄表單，但是使用username和current-password值會使它非常明顯。

以上是使用什麼而不是數字輸入的詳細內容。更多資訊請關注PHP中文網其他相關文章！