微信小程序 input組件type屬性3個值的作用

input組件是小程序的內容輸入框組件，通常是這樣來使用的：

<input type="text" placeholder="輸入點內容吧" />

 

從文檔中可以看到，type屬性有三個值：text, number，digit。當我們使用這三個屬性值，並在微信web開發者工具中查看效果的時候，其實是看不出來有什么差別的。但是如果在真機上進行預覽，就能清楚的了解這三個值得功能區別了：

1) text

• 全鍵盤模式輸入

<input type="text" placeholder="輸入文本內容" />

 

 

全鍵盤

2) number

• 純數字鍵盤模式輸入

<input type="number" placeholder="輸入純數字內容" />

 

純數字鍵盤

3) digit

• 帶小數點的數字鍵盤模式輸入

<input type="digit" placeholder="輸入可帶小數的數字" />

 

帶小數點數字鍵盤

 

關注微信公眾號：lovephp

作者：一斤代碼
鏈接：https://www.jianshu.com/p/f44e0d31986b
來源：簡書
著作權歸作者所有。商業轉載請聯系作者獲得授權，非商業轉載請注明出處。