脚本宝典收集整理的这篇文章主要介绍了微信小程序 (十七)input 组件详细介绍，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。

input输入框使用的频率也是比较高的。。。样式的话自己外面包裹个view自己定义。input属性也不是很多，有需要自己慢慢测，尝试

主要属性：

wXMl

<!--style的优先级比class高会覆盖和class相同属性-->
<view class="inputView" style="margin-top: 40% ">
<input class="input" tyPE="number" placeholder="请输入账号" placeholder-style="color: red" bindinput="listenerPhoneinput" />
</view>

<view class="inputView">
<input class="input" password="true" placeholder="请输入密码" placeholder-style="color: red" bindinput="listenerPasswordInput"/>
</view>


<button style="margin-left: 15rpx; margin-right: 15rpx; margin-top: 50rpx; border-radius: 40rpx" type="Primary" bindtap="listenerLOGin">登录</button>

js

wxss

.input{
 padding-left: 10px;
 height: 44px;
}

.inputView{
 border: 2px solid red;
 border-radius: 40px;
 margin-left: 15px;
 margin-right: 15px;
 margin-top: 15px;
}

相关文章：

hello WeApp                      icon组件
Window                             text组件                                switch组件
tabBar底部导航                 progress组件                        action-sheet
应用生命周期                    button组件                            modal组件
页面生命周期                    checkbox组件                       toast组件
模块化详                           form组件详                            loading 组件
数据绑定                           input 组件                             navigator 组件
View组件                          picker组件                             audio 组件
scroll-view组件                 radio组件                              video组件
swiper组件                        slider组件                              Image组件

脚本宝典总结

以上是脚本宝典为你收集整理的微信小程序 (十七)input 组件详细介绍全部内容，希望文章能够帮你解决微信小程序 (十七)input 组件详细介绍所遇到的问题。

如果觉得脚本宝典网站内容还不错，欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。