微信小程序----组件之textarea

来源:互联网 发布:mac适用的办公软件 编辑:程序博客网 时间:2024/06/16 02:35

效果图:


项目结构:


核心代码:

index.wxml

<!--textarea.wxml--><view class="section">  <textarea bindblur="bindTextAreaBlur" auto-height placeholder="自动变高" /></view><view class="section">  <textarea placeholder="placeholder颜色是红色的" placeholder-style="color:red;"  /></view><view class="section">  <textarea placeholder="这是一个可以自动聚焦的textarea" auto-focus /></view><view class="section">  <textarea placeholder="这个只有在按钮点击的时候才聚焦" focus="{{focus}}" />  <view class="btn-area">    <button bindtap="bindButtonTap">使得输入框获取焦点</button>  </view></view><view class="section">  <form bindsubmit="bindFormSubmit">    <textarea placeholder="form 中的 textarea" name="textarea"/>    <button form-type="submit"> 提交 </button>  </form></view>
index.js

//textarea.jsPage({  data: {    height: 20,    focus: false  },  bindButtonTap: function () {    this.setData({      focus: true    })  },  bindTextAreaBlur: function (e) {    console.log(e.detail.value)  },  bindFormSubmit: function (e) {    console.log(e.detail.value.textarea)  }})
源码下载:http://download.csdn.net/download/zhaihaohao1/9968483





原创粉丝点击