鍵盤設置如何優化小程序使用體驗?

在小程序開發過程當中,用戶輸入是必不可少的,咱們常常會須要用戶輸入一些內容,來完成產品收集用戶信息的需求。git

在這種狀況下,咱們能夠考慮藉助小程序提供的一些和鍵盤相關的 API 來優化小程序的使用體驗。小程序

Input 組件的 type 屬性

Input 組件的 type 屬性

從小程序的 1.0 版本開始,就支持爲 input 組件設置 type,不一樣的 type 會顯示不一樣的手機鍵盤。默認狀況下,顯示的是 text 文本輸入鍵盤,這個鍵盤的特色是顯示全部的內容,能夠適用於全部的場景。優化

但,適用於全部場景也就意味着不適用於全部場景,總會在每個場景中有着種種不便,所以,在實際的開發中,爲了得到更佳的體驗,你能夠經過設置不一樣的 Type 來控制實際的鍵盤顯示狀況。spa

text 類型 input 適用建議

除了默認的 text 類之外,你還可使用 number(數字輸入鍵盤)、idcard 身份證輸入鍵盤和 digit 帶小數點的數字鍵盤。code

idcard 類型 input 適用建議

你能夠根據本身的實際使用場景來設置不一樣的類型,好比說blog

  • 若是你的小程序的驗證碼都是數字的,那麼你給出一個 text 類型的鍵盤,顯然不如給一個 number 類型的鍵盤更合適。
  • 若是你的小程序中涉及到了手機號的輸入,那麼這種狀況下你就能夠選擇使用 number 類型的鍵盤,來優化用戶輸入時的體驗。

number 類型 input 適用建議

這裏的思路是相似的,當你預期用戶輸入的內容只有數字,就能夠考慮 numberdigitidcard 等類型,來優化你的小程序的實際使用體驗。開發

digit 類型 input 適用建議

## 總結rem

input 組件默認提供的 四種 type ,能夠經過選擇不一樣的類型,從而得到不一樣的體驗效果,從而對於你的小程序體驗進行優化和推動。input

相關文章
相關標籤/搜索