Mobile 手機瀏覽器輸入框 數字輸入框

2022-05-13 06:02:04 字數 499 閱讀 5933

手機瀏覽器的輸入框,一直都是以web的方式進行開發的,沒有關注到使用者體驗,領導提出了輸入框要彈出數字輸入框,想來應該有這種技術能實現。

搜尋之後發現可以使用type=」number」實現,此方法在andriod和ios下均能實現效果,以下為使用之後遇到的問題:

1. 使用type=」number」的問題,使用之後無法對輸入的長度做控制,以前使用text,可以使用maxlength屬性進行長度輸入的控制,而變成number之後無法控制,雖然可以設定min和max,但這兩個值只是設定輸入框的長度最大為多少,而實際輸入多長沒有限制,因為我們輸入的卡號長度是需要控制的

2. 純數字密碼無法解決,如果設定為number,意味著數字會顯示出來,而密碼框的遮罩效果無法實現,搜尋之後沒有找到現成的解決方案

構想最後解決辦法:

1. 可以使用這個屬性,但是需要使用js對輸入長度進行控制

2. 後端對提交資料進行校驗,並返回告訴使用者失敗原因

3. 如果對數字輸入長度不限制的,可以直接忽略此問題

SendMessage到瀏覽器焦點輸入框沒有作用

sendmessage到瀏覽器焦點輸入框沒有作用?delphi windows sdk api 使用sendmessage getfocus,wm settext,0,longint pchar 123456 當前焦點是瀏覽器的乙個輸入框,發現並沒有改變輸入框的值,而是改變了ie的標題 而同樣的方法...

手機瀏覽器呼出軟鍵盤遮擋住輸入框問題。

在手機瀏覽器中如果我們給body設定了高度,然後我們通過input輸入框呼出軟鍵盤,如果輸入框在頁面下方,內容會被軟鍵盤遮擋住,我們只有滑動滾動條才能看到輸入框,這樣會很麻煩,也不利於使用者體驗。我們可以通過scrollintoviewifneeded 方法來解決問題。element.scrolli...

解決谷歌瀏覽器記住密碼輸入框顏色改變

谷歌瀏覽器記住密碼輸入框顏色會改變,並且字型顏色會變成黑色,如圖 輸入框原來的樣式是這樣的 這是由於谷歌瀏覽器的自帶樣式的緣故 input webkit autofill,textarea webkit autofill,select webkit autofill 如果我們想記住密碼後仍然想要以前...