微信小程序中input組件的type屬性3個(gè)值的作用
發(fā)布時(shí)間：2018-04-08 10:41 所屬欄目：小程序開發(fā)教程
本文作者：一斤代碼，來自授權(quán)地址
input組件是小程序的內(nèi)容輸入框組件，通常是這樣來使用的：
<input type="text" placeholder="輸入點(diǎn)內(nèi)容吧" />
從文檔中可以看到，type屬性有三個(gè)值：text, number，digit。當(dāng)我們使用這三個(gè)屬性值，并在微信web開發(fā)者工具中查看效果的時(shí)候，其實(shí)是看不出來有什么差別的。但是如果在真機(jī)上進(jìn)行預(yù)覽，就能清楚的了解這三個(gè)值得功能區(qū)別了：
1) text
- 全鍵盤模式輸入
<input type="text" placeholder="輸入文本內(nèi)容" />
全鍵盤
2) number
- 純數(shù)字鍵盤模式輸入
<input type="number" placeholder="輸入純數(shù)字內(nèi)容" />
純數(shù)字鍵盤
3) digit
- 帶小數(shù)點(diǎn)的數(shù)字鍵盤模式輸入
<input type="digit" placeholder="輸入可帶小數(shù)的數(shù)字" />
帶小數(shù)點(diǎn)數(shù)字鍵盤
希望對你有所幫助：）
易優(yōu)小程序（企業(yè)版）+靈活api+前后代碼開源
碼云倉庫:
本文地址：http://www.szcjxy.com/wxmini/doc/course/23126.html 復(fù)制鏈接
如需定制請聯(lián)系易優(yōu)客服咨詢： 點(diǎn)擊咨詢
