微信小程序|小程序开发
微信小程序组件解读和分析、input输入框
微信小程序-小程序开发
input输入框组件说明:
手机网址导航整站源码,ubuntu如何重启电脑,如何消除手机爬虫,php whoops用法,商城系统seolzw
本文介绍input 输入框的各种参数及特性。
网页个人源码,安装ubuntu常见bug,爬虫加热垫耗电,php虚拟机不支持php,seo系统大全lzw
input输入框示例代码运行效果如下:
通达oa源码解密,vscode开发者控制台,ubuntu 扩展卷,tomcat环境变量端口,爬虫频率公式,php开发弹幕技术,seo优化诊断怎么做分类lzw
下面是WXML代码:
[XML]
type:有效值:text 感觉没什么区别password:placeholder:disable:最大长度:
下面是WXSS代码:
[JavaScript]
.content{ border:1px black solid; margin: 10px; font-size: 10pt; padding: 5px;}input{ border:1px red solid;margin: 5px;}
下面是WXML代码:
[XML]
bindinput="当内容改变"bindfocus:当获取焦点bindblur:当失去焦点触发内容:{{log}}
下面是JS代码:
[JavaScript]
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代码:
[JavaScript]
.content{ border:1px black solid; margin: 10px; font-size: 10pt; padding: 5px;}input{ border:1px red solid;margin: 5px;}
组件属性:
属性解析:
下面是WXML代码:
[XML]
等同于 等同于 等同于 等同于 等同于