這篇文章主要介紹“微信小程序怎么實現(xiàn)textarea組件”的相關(guān)知識，小編通過實際案例向大家展示操作過程，操作方法簡單快捷，實用性強，希望這篇“微信小程序怎么實現(xiàn)textarea組件”文章能幫助大家解決問題。

成都創(chuàng)新互聯(lián)長期為上千余家客戶提供的網(wǎng)站建設(shè)服務(wù)，團隊從業(yè)經(jīng)驗10年，關(guān)注不同地域、不同群體，并針對不同對象提供差異化的產(chǎn)品和服務(wù)；打造開放共贏平臺，與合作伙伴共同營造健康的互聯(lián)網(wǎng)生態(tài)環(huán)境。為黃石企業(yè)提供專業(yè)的成都網(wǎng)站設(shè)計、成都網(wǎng)站建設(shè)，黃石網(wǎng)站改版等技術(shù)服務(wù)。擁有10年豐富建站經(jīng)驗和眾多成功案例,為您定制開發(fā)。

多行輸入框

屬性名	類型	默認(rèn)值	說明
value	String		輸入框的內(nèi)容
placeholder	String		輸入框為空時占位符
placeholder-style	String		指定 placeholder 的樣式
placeholder-class	String	textarea-placeholder	指定 placeholder 的樣式類
disabled	Boolean	false	是否禁用
maxlength	Number	140	較大輸入長度，設(shè)置為0的時候不限制較大長度
auto-focus	Boolean	false	自動聚焦，拉起鍵盤。頁面中只能有一個 </code> 或<code><input/></code> 設(shè)置 auto-focus 屬性</td></tr><tr><td>focus</td><td>Boolean</td><td>false</td><td>獲取焦點（開發(fā)工具暫不支持）</td></tr><tr><td>auto-height</td><td>Boolean</td><td>false</td><td>是否自動增高，設(shè)置auto-height時，style.height不生效</td></tr><tr><td>bindfocus</td><td>EventHandle</td><td><br/></td><td>輸入框聚焦時觸發(fā)，event.detail = {value: value}</td></tr><tr><td>bindblur</td><td>EventHandle</td><td><br/></td><td>輸入框失去焦點時觸發(fā)，event.detail = {value: value}</td></tr><tr><td>bindlinechange</td><td>EventHandle</td><td><br/></td><td>輸入框行數(shù)變化時調(diào)用，event.detail = {height: 0, heightRpx: 0, lineCount: 0}</td></tr></tbody></table><p>示例代碼：</p><pre><!--textarea.wxml--> <view class="section">  <textarea bindblur="bindTextAreaBlur" auto-height placeholder="自動變高" /> </view> <view class="section">  <textarea placeholder="placeholder顏色是紅色的" placeholder- /> </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></pre><pre>//textarea.js Page({  data: {  height: 20,  focus: false  },  bindButtonTap: function() {  this.setData({  focus: true  })  },  bindTextAreaBlur: function(e) {  console.log(e.detail.value)  } })</pre><p>Bug & Tip<code>bug</code>: 微信版本 <code>6.3.30</code>，<code>textarea</code> 在列表渲染時，新增加的 <code>textarea</code> 在自動聚焦時的位置計算錯誤<code>tip</code>: 請勿在 <code>scroll-view</code> 中使用 <code>textarea</code> 組件</p><p>關(guān)于“微信小程序怎么實現(xiàn)textarea組件”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識，可以關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，小編每天都會為大家更新不同的知識點。</p> <br> 文章標(biāo)題：微信小程序怎么實現(xiàn)textarea組件-創(chuàng)新互聯(lián) <br> 分享URL：<a href="http://weahome.cn/article/cecjpg.html">http://weahome.cn/article/cecjpg.html</a> </div> </div> </div> <div id="squ6kqw" class="other container"> <h3>其他資訊</h3> <ul> <li> <a href="/article/ecpodh.html">網(wǎng)絡(luò)營銷衣服短視頻,短視頻營銷方式</a> </li><li> <a href="/article/ecjhho.html">酒館短視頻運營技巧</a> </li><li> <a href="/article/ecpoos.html">短視頻聯(lián)盟推廣碼是什么,短視頻廣告聯(lián)盟</a> </li><li> <a href="/article/ecpoee.html">數(shù)據(jù)運營驅(qū)動短視頻內(nèi)容制作,短視頻使用數(shù)據(jù)</a> </li><li> <a href="/article/ecposi.html">佛山抖音代運營費用多少</a> </li> </ul> </div> <div id="squ6kqw" class="footer"> <div id="squ6kqw" class="foota container"> <div id="squ6kqw" class="foot_nav fl col-lg-8 col-md-8 col-sm-12 col-xs-12"> <ul> <li id="squ6kqw" class="col-lg-3 col-md-3 col-sm-3 col-xs-6"> <h3>網(wǎng)站制作</h3> <a target="_blank">溫江網(wǎng)站制作</a><a target="_blank">移動手機網(wǎng)站制作</a><a target="_blank">網(wǎng)站制作價格</a><a target="_blank">梓潼網(wǎng)站制作公司</a><a href="http://weahome.cn/zhizuo/" target="_blank">重慶網(wǎng)站制作</a><a target="_blank">手機網(wǎng)站制作</a> </li> <li id="squ6kqw" class="col-lg-3 col-md-3 col-sm-3 col-xs-6"> <h3>企業(yè)服務(wù)</h3> <a target="_blank">友情鏈接出售</a><a target="_blank">網(wǎng)站免費收錄</a><a target="_blank">分類目錄</a><a target="_blank">商標(biāo)注冊</a><a target="_blank">軟文營銷</a><a target="_blank">軟文發(fā)布平臺</a> </li> <li id="squ6kqw" class="col-lg-3 col-md-3 col-sm-3 col-xs-6"> <h3>網(wǎng)站建設(shè)</h3> <a target="_blank">營銷型網(wǎng)站建設(shè)</a><a target="_blank">成都免費網(wǎng)站建設(shè)公司</a><a target="_blank">成都響應(yīng)式網(wǎng)站建設(shè)公司</a><a target="_blank">四川成都網(wǎng)站建設(shè)</a><a target="_blank">網(wǎng)站建設(shè)</a><a target="_blank">瀘州網(wǎng)站建設(shè)</a> </li> <li id="squ6kqw" class="col-lg-3 col-md-3 col-sm-3 col-xs-6"> <h3>服務(wù)器托管</h3> <a target="_blank">重慶電信水土機房托管</a><a target="_blank">綿陽服務(wù)器托管</a><a target="_blank">貴陽三線機房</a><a target="_blank">二樞服務(wù)器托管</a><a target="_blank">移動服務(wù)器托管</a><a target="_blank">光華服務(wù)器托管</a> </li> </ul> </div> <div id="squ6kqw" class="footar fl col-lg-4 col-md-4 col-sm-12 col-xs-12"> <p>全國免費咨詢:</p> <b>400-028-6601</b> <p>業(yè)務(wù)咨詢：028-86922220 / 13518219792</p> <p>節(jié)假值班：18980820575 / 13518219792</p> <p>聯(lián)系地址：成都市太升南路288號錦天國際A幢1002號</p> </div> </div> <div id="squ6kqw" class="footb"> <div id="squ6kqw" class="copy container"> <div id="squ6kqw" class="fl">Copyright ? 成都創(chuàng)新互聯(lián)科技有限公司重慶分公司 <a target="_blank">渝ICP備2021005571號</a></div> <!--<div id="squ6kqw" class="fr"><a target="_blank">成都網(wǎng)站建設(shè)</a>：<a target="_blank">創(chuàng)新互聯(lián)</a></div>--> </div> </div> <div id="squ6kqw" class="link"> <div id="squ6kqw" class="container"> 友情鏈接:： <a target="_blank">成都網(wǎng)站建設(shè)</a> <a target="_blank">重慶網(wǎng)站建設(shè)</a> <a href="">四川網(wǎng)站建設(shè)</a> <a href="">重慶建設(shè)網(wǎng)站</a> <a target="_blank">移動服務(wù)器托管</a> <a target="_blank">成都服務(wù)器托管</a> <a target="_blank">云服務(wù)器</a> <a target="_blank">廣告設(shè)計制作</a> <a target="_blank">重慶網(wǎng)頁設(shè)計</a> <a target="_blank">重慶做網(wǎng)站</a> <a target="_blank">重慶網(wǎng)站制作</a> <a href="">重慶網(wǎng)站建設(shè)</a> <a href="">重慶網(wǎng)站公司</a> <a href="">渝中網(wǎng)站制作</a> <a href="">重慶網(wǎng)站設(shè)計</a> </div> </div> </div> <div id="squ6kqw" class="foot"> <ul class="public-celan"> <li> <a target="_blank" class="a1 db tc"> <img src="/Public/Home/img/icon-23.png" alt="" class="db auto"> <span id="squ6kqw" class="span-txt">在線咨詢</span> </a> </li> <li> <a href="tel:18980820575" class="a1 db tc"> <img src="/Public/Home/img/icon-24.png" alt="" class="db auto"> <span id="squ6kqw" class="span-txt">電話咨詢</span> </a> </li> <li> <a target="_blank" href="tencent://message/?uin=1683211881&Site=&Menu=yes" class="a1 db tc"> <img src="/Public/Home/img/icon-25.png" alt="" class="db auto"> <span id="squ6kqw" class="span-txt">QQ咨詢</span> </a> </li> <li> <a target="_blank" href="tencent://message/?uin=532337155&Site=&Menu=yes" class="a1 db tc public-yuyue-up"> <img src="/Public/Home/img/icon-26.png" alt="" class="db auto"> <span id="squ6kqw" class="span-txt">預(yù)約顧問</span> </a> </li> </ul> </div> <div id="squ6kqw" class="customer"> <dl class="icon1"> <dt> <a href="tencent://message/?uin=1683211881&Site=&Menu=yes"> <i class="iconT"><img src="/Public/Home/img/QQ.png" alt=""></i> <p>在線咨詢</p> </a> </dt> </dl> <dl class="icon2"> <dt><i><img src="/Public/Home/img/weixin.png" alt=""></i><p>微信咨詢</p></dt> <dd><img src="/Public/Home/img/ewm.png"></dd> </dl> <dl class="icon3"> <dt><i><img src="/Public/Home/img/dianhua.png" alt=""></i><p>電話咨詢</p></dt> <dd> <p>028-86922220（工作日）</p> <p>18980820575（7×24）</p> </dd> </dl> <dl class="icon4"> <dt class="sShow"> <a href="tencent://message/?uin=244261566&Site=&Menu=yes"> <i><img src="/Public/Home/img/dengji.png" alt=""></i><p>提交需求</p> </a> </dt> </dl> <dl class="icon5"> <dt class="gotop"> <a href="#top"> <i><img src="/Public/Home/img/top.png" alt=""></i><p>返回頂部</p> </a> </dt> </dl> </div> <footer> <div class="friendship-link"> <p>感谢您访问我们的网站，您可能还对以下资源感兴趣：</p> <a href="http://weahome.cn/" title="真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆">真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆</a> <div class="friend-links"> </div> </div> </footer> <script> (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })(); </script> </body><div id="wmma2" class="pl_css_ganrao" style="display: none;"><abbr id="wmma2"></abbr><bdo id="wmma2"></bdo><wbr id="wmma2"></wbr><strike id="wmma2"></strike><object id="wmma2"></object><li id="wmma2"></li><tbody id="wmma2"><dd id="wmma2"><abbr id="wmma2"></abbr></dd></tbody><pre id="wmma2"></pre><abbr id="wmma2"></abbr><abbr id="wmma2"></abbr><kbd id="wmma2"></kbd><wbr id="wmma2"></wbr><optgroup id="wmma2"></optgroup><noscript id="wmma2"></noscript><kbd id="wmma2"></kbd><source id="wmma2"><small id="wmma2"><noframes id="wmma2"></noframes></small></source><tbody id="wmma2"></tbody><nav id="wmma2"><noscript id="wmma2"><acronym id="wmma2"></acronym></noscript></nav><wbr id="wmma2"></wbr><tr id="wmma2"><dfn id="wmma2"><td id="wmma2"></td></dfn></tr><noframes id="wmma2"></noframes><option id="wmma2"></option><tbody id="wmma2"></tbody><wbr id="wmma2"></wbr><abbr id="wmma2"><kbd id="wmma2"><center id="wmma2"></center></kbd></abbr><tbody id="wmma2"><button id="wmma2"><samp id="wmma2"></samp></button></tbody><noscript id="wmma2"><option id="wmma2"><delect id="wmma2"></delect></option></noscript><dl id="wmma2"></dl><center id="wmma2"></center><th id="wmma2"><menu id="wmma2"><noscript id="wmma2"></noscript></menu></th><button id="wmma2"><samp id="wmma2"><tbody id="wmma2"></tbody></samp></button><menu id="wmma2"></menu><samp id="wmma2"></samp><li id="wmma2"></li><noframes id="wmma2"></noframes><noscript id="wmma2"></noscript><menu id="wmma2"></menu><menu id="wmma2"></menu><bdo id="wmma2"><table id="wmma2"><tr id="wmma2"></tr></table></bdo><source id="wmma2"><cite id="wmma2"><nav id="wmma2"></nav></cite></source><abbr id="wmma2"></abbr><tr id="wmma2"><sup id="wmma2"><center id="wmma2"></center></sup></tr><strike id="wmma2"></strike><object id="wmma2"></object><code id="wmma2"><table id="wmma2"><tr id="wmma2"></tr></table></code><tfoot id="wmma2"></tfoot><tr id="wmma2"></tr><optgroup id="wmma2"></optgroup><button id="wmma2"></button><xmp id="wmma2"></xmp><dl id="wmma2"></dl><strike id="wmma2"></strike><menu id="wmma2"></menu><xmp id="wmma2"></xmp><xmp id="wmma2"></xmp><ul id="wmma2"><pre id="wmma2"><dd id="wmma2"></dd></pre></ul><samp id="wmma2"></samp><tr id="wmma2"></tr><pre id="wmma2"></pre><tfoot id="wmma2"></tfoot><tbody id="wmma2"></tbody><code id="wmma2"></code><abbr id="wmma2"></abbr><s id="wmma2"><bdo id="wmma2"><em id="wmma2"></em></bdo></s><samp id="wmma2"></samp><abbr id="wmma2"></abbr><tr id="wmma2"><sup id="wmma2"><center id="wmma2"></center></sup></tr><fieldset id="wmma2"><optgroup id="wmma2"><abbr id="wmma2"></abbr></optgroup></fieldset><optgroup id="wmma2"></optgroup><small id="wmma2"></small><source id="wmma2"><small id="wmma2"><abbr id="wmma2"></abbr></small></source><strike id="wmma2"></strike><option id="wmma2"><delect id="wmma2"><tr id="wmma2"></tr></delect></option><table id="wmma2"><tr id="wmma2"><sup id="wmma2"></sup></tr></table><noscript id="wmma2"></noscript><fieldset id="wmma2"></fieldset><input id="wmma2"></input><strike id="wmma2"></strike><acronym id="wmma2"></acronym><button id="wmma2"></button><dfn id="wmma2"><td id="wmma2"><fieldset id="wmma2"></fieldset></td></dfn><object id="wmma2"><small id="wmma2"><noframes id="wmma2"></noframes></small></object><dl id="wmma2"><input id="wmma2"><tbody id="wmma2"></tbody></input></dl><nav id="wmma2"><li id="wmma2"><acronym id="wmma2"></acronym></li></nav><small id="wmma2"><noframes id="wmma2"><ul id="wmma2"></ul></noframes></small><del id="wmma2"></del><samp id="wmma2"></samp><kbd id="wmma2"><acronym id="wmma2"><xmp id="wmma2"></xmp></acronym></kbd><nav id="wmma2"><noscript id="wmma2"><option id="wmma2"></option></noscript></nav><menu id="wmma2"><noscript id="wmma2"><option id="wmma2"></option></noscript></menu><table id="wmma2"></table><dfn id="wmma2"><rt id="wmma2"><fieldset id="wmma2"></fieldset></rt></dfn><input id="wmma2"></input><noscript id="wmma2"></noscript><sup id="wmma2"></sup><button id="wmma2"></button><acronym id="wmma2"></acronym><noframes id="wmma2"></noframes><pre id="wmma2"></pre><noframes id="wmma2"></noframes></div> </html> <script> $(".con 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>