单行输入框程序方法介绍微信小(输入框单行程序设置提示信息)「单行输入什么意思」

单行输入框程序方法介绍微信小(输入框单行程序设置提示信息)

微信小程序的input单行输入狂用来输入单行文本内容,其属性如图所示。
从图中可以得出以下结论。
1、可以设置input输入框的类型:text,Number,idcard,digit。
2、可以设置输入框是否为密码类型,如果是密码类型,则会用点号代替具体值显示。
3、通过placeholder来给输入框添加友好的提示信息,类似于“请输入手机号/用户名/邮箱”这样的友好的输入框,placeholder-style设置提示信息的样式,placeholder-class设置提示信息的class,然后再针对这个class添加样式。
4、可以设置input输入框禁用和最大长度、获取焦点。
5、input输入框有3个常用的事件:输入时(bindinput)、光标聚焦时(bindfocus)、光标离开时(bindblur)。
示例代码如下:在WXML里利用input单行输入框进行布局,具体代码如下:上述代码实现的效果图如下:注意:input组件是一个native组件,字体是系统字体,所以无法设置font-family;在input聚焦期间,避免使用css动画

联系我们

在线咨询:点击这里给我发消息