# textarea

基础库 1.0.0 开始支持，低版本需做兼容处理。

创新互联专注于黄冈网站建设服务及定制，我们拥有丰富的企业做网站经验。 热诚为您提供黄冈营销型网站建设，黄冈网站制作、黄冈网页设计、黄冈网站官网定制、重庆小程序开发服务，打造黄冈网络公司原创品牌,更为您提供黄冈网站排名全网营销落地服务。

多行输入框。该组件是原生组件，使用时请注意相关限制。

confirm-type 的合法值

# Bug & Tip

1. tip: textarea 的 blur 事件会晚于页面上的 tap 事件，如果需要在 button 的点击事件获取 textarea，可以使用 form 的 bindsubmit。
2. tip: 不建议在多行文本上对用户的输入进行修改，所以 textarea 的 bindinput 处理函数并不会将返回值反映到 textarea 上。
3. tip : 键盘高度发生变化，keyboardheightchange事件可能会多次触发，开发者对于相同的height值应该忽略掉
4. bug: 微信版本 6.3.30，textarea 在列表渲染时，新增加的 textarea 在自动聚焦时的位置计算错误。

# 示例代码

在开发者工具中预览效果

  </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>
</code></pre>
<pre><code>//textarea.js
Page({
  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)
  }
})
</code></pre>                                                <br>
                                                当前文章：创新互联小程序教程：微信小程序表单组件多行输入框textarea                                                <br>
                                                文章位置：<a href="http://pengzhouwz.cn/article/coejshp.html">http://pengzhouwz.cn/article/coejshp.html</a>
                                            </div>
                                            <div class="hot_new">
                                                <div class="page_title clearfix">
                                                    <h3>其他资讯</h3>
                                                </div>
                                                <div class="news_list clearfix">
                                                    <ul>
                                                        <li>
                                                                <a href="/article/cdcocsd.html">服务器管理器作用在哪里</a>
                                                            </li><li>
                                                                <a href="/article/cdcodjc.html">怎样查询Redis缓存来实现性能优化（怎么查redis缓存）</a>
                                                            </li><li>
                                                                <a href="/article/cdcocdi.html">网址后缀org是什么意思org域名是什么组织（网址后缀org一般是什么网）</a>
                                                            </li><li>
                                                                <a href="/article/cdcodpg.html">将系统软件游戏都装进一个SSD固态硬盘里会不会影响系统运行速度？（m2固态盘没缓存可以当系统盘吗？）</a>
                                                            </li><li>
                                                                <a href="/article/cdcocoh.html">旅游小程序怎么开通</a>
                                                            </li>                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- 底部信息 -->
<div class="footer wow fadeInUp">
    <div class="rowFluid">
        <div class="span12">
            <div class="container">
                <div class="footer_content">
                    <div class="span4 col-xm-12">
                        <div class="footer_list">
                            <div class="span6">
                                <div class="bottom_logo"><img src="/Public/Home/images/ewm.jpg" alt="微信服务号二维码" /></div>
                            </div>
                            <div class="span6 col-xm-12">
                                <div class="quick_navigation">
                                    <div class="quick_navigation_title">快速导航</div>
                                    <ul>
                                        <li><a href="http://www.qhgpwr.com/" title="成都发电机组供应商" target="_blank">成都发电机组供应商</a></li><li><a href="http://www.cqfuwuqi.com/" title="重庆服务器托管" target="_blank">重庆服务器托管</a></li><li><a href="http://www.wxfdjsc.com/" title="四川发电机保养" target="_blank">四川发电机保养</a></li><li><a href="http://www.yafdjzy.com/" title="雅安发电机组租用" target="_blank">雅安发电机组租用</a></li><li><a href="http://www.dcwor.com/" title="成都玉柴发电机" target="_blank">成都玉柴发电机</a></li><li><a href="https://www.cdcxhl.com/app.html" title="成都app软件开发公司" target="_blank">成都app软件开发公司</a></li><li><a href="http://www.sczizhong.com/" title="资中网站建设" target="_blank">资中网站建设</a></li>                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="span4 col-xm-6 col-xs-12">
                        <div class="footer_list">
                            <div class="footer_link">
                                <div class="footer_link_title">友情链接</div>
                                <ul id="frientLinks">
                                    <a href="https://www.cdcxhl.com/" title="网站制作" target="_blank">网站制作</a>
                                    <a href="https://www.cdcxhl.com/" title="网站建设" target="_blank">网站建设</a>
                                    <a href="https://www.cdxwcx.com/tuiguang/" title="成都网络推广" target="_blank">网络推广</a>
                                    <a href="http://seo.cdkjz.cn/" title="成都网站推广" target="_blank">网站推广</a>
                                    <a href="https://www.cdcxhl.com/xiaochengx.html" title="成都微信小程序开发" target="_blank">小程序开发</a>
                                    <a href="https://www.cdcxhl.com/menu.html" title="创新互联网站栏目导航" target="_blank">网站导航</a>
                                </ul>
                                <div class="footer_link_title">网站建设</div>
                                <ul id="frientLinks">
                                    <li><a href="/">四川彭州建站</a></li>
                                    <li><a href="https://www.cdcxhl.com/menu.html" title="创新互联网站栏目导航" target="_blank">网站导航</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="span4 col-xm-6 col-xs-12">
                        <div class="footer_list">
                            <div class="footer_cotact">
                                <div class="footer_cotact_title">联系方式</div>
                                <ul>
                                    <li><span class="footer_cotact_type">企业：</span><span class="footer_cotact_content">四川成都彭州网站建设公司</span></li>
                                    <li><span class="footer_cotact_type">地址：</span><span class="footer_cotact_content">成都市青羊区太升南路288号</span></li>
                                    <li><span class="footer_cotact_type">电话：</span><span class="footer_cotact_content"><a href="tel:18980820575" class="call">18980820575</a></span></li>
                                    <li><span class="footer_cotact_type">网址：</span><span class="footer_cotact_content"><a href="/" title="四川彭州网站建设">www.pengzhouwz.cn</a></span></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="copyright">
                <p>公司名称：四川成都彭州网站建设公司   联系电话：18980820575</p>
                <p><a href="https://beian.miit.gov.cn/" target="_blank" rel="nofollow">网站备案号：蜀ICP备2024061352号-3</a></p>
                <p>四川彭州建站 四川彭州网站建设 四川彭州网站设计 四川彭州网站制作 <a href="http://www.cdxwcx.cn/" target="_blank">成都做网站</a></p>
            </div>
        </div>
    </div>
</div>
</body>
</html>
<script>
    $(".technical_support_box_z_info_box img").each(function(){
        var src = $(this).attr("src");    //获取图片地址
        var str=new RegExp("http");
        var result=str.test(src);
        if(result==false){
            var url = "https://www.cdcxhl.com"+src;    //绝对路径
            $(this).attr("src",url);
        }
    });
    window.onload=function(){
        document.oncontextmenu=function(){
            return false;
        }
    }
</script>