700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > 详解微信小程序组件:input输入框

详解微信小程序组件:input输入框

时间:2020-07-01 10:53:59

相关推荐

详解微信小程序组件:input输入框

微信小程序|小程序开发

微信小程序

微信小程序-小程序开发

input输入框组件说明:

传奇搭建网站源码,ubuntu安装哪些软件,爬虫软件采集游记,PHP pthyon,新闻seo品牌lzw

本文介绍input 输入框的各种参数及特性。

安卓php服务器源码,ubuntu 开启gpu,tomcat 7 压缩包,爬虫框架分析,php手册中文版下载地址,江西免费seo关键词优化教程lzw

input输入框示例代码运行效果如下:

系统设置 源码,vscode离线安装包,ubuntu官方手机,tomcat8007端口,爬虫开发模块,php接入支付宝接口,太原seo关键字优化,检测机构网站源码,kesioneshop模板lzw

下面是WXML代码:

type:有效值:text 感觉没什么区别password:placeholder:disable:最大长度:

下面是WXSS代码:

.content{ border:1px black solid; margin: 10px; font-size: 10pt; padding: 5px;}input{ border:1px red solid;margin: 5px;}

事件效果图:

下面是WXML代码:

bindinput="当内容改变"bindfocus:当获取焦点bindblur:当失去焦点触发内容:{{log}}

下面是JS代码:

Page({ data:{ log:事件触发 }, bindblur:function(e){ var value=e.detail.value; this.setData({log:"bindblur失去焦点.输入框值="+value }) }, bindinput:function(e){ var value=e.detail.value; this.setData({log:"bindinput内容改变.输入框值="+value }) }, bindfocus:function(e){ var value=e.detail.value; this.setData({log:"bindfocus获取焦点.输入框值="+value }) }})

下面是WXSS代码:

.content{ border:1px black solid; margin: 10px; font-size: 10pt; padding: 5px;}input{ border:1px red solid;margin: 5px;}

组件属性:

属性解析:

下面是WXML代码:

等同于 等同于 等同于 等同于 等同于

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。