小程序模板網(wǎng)

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

發(fā)布時間:2018-04-08 10:41 所屬欄目:小程序開發(fā)教程
本文作者:一斤代碼,來自授權(quán)地址

input組件是小程序的內(nèi)容輸入框組件,通常是這樣來使用的:

<input type="text" placeholder="輸入點(diǎn)內(nèi)容吧" />

從文檔中可以看到,type屬性有三個值:text, number,digit。當(dāng)我們使用這三個屬性值,并在微信web開發(fā)者工具中查看效果的時候,其實(shí)是看不出來有什么差別的。但是如果在真機(jī)上進(jìn)行預(yù)覽,就能清楚的了解這三個值得功能區(qū)別了:

1) text

  • 全鍵盤模式輸入
<input type="text" placeholder="輸入文本內(nèi)容" />

2) number

  • 純數(shù)字鍵盤模式輸入
<input type="number" placeholder="輸入純數(shù)字內(nèi)容" />

3) digit

  • 帶小數(shù)點(diǎn)的數(shù)字鍵盤模式輸入
<input type="digit" placeholder="輸入可帶小數(shù)的數(shù)字" />

希望對你有所幫助:)



本文地址:http://22321a.com/wxmini/doc/course/23126.html 復(fù)制鏈接 如需定制請聯(lián)系易優(yōu)客服咨詢:800182392 點(diǎn)擊咨詢
QQ在線咨詢