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