微信小程序文本框限制输入字数

最新推荐文章于 2024-06-27 10:20:38 发布

xiaoyanyanlh

最新推荐文章于 2024-06-27 10:20:38 发布

阅读量1.5w

点赞数 1

分类专栏：微信小程序文章标签：微信小程序textarea限制输入字数

本文链接：https://blog.csdn.net/xiaoyanyanlh/article/details/83115686

版权

本文介绍如何在微信小程序中使用textarea组件限制用户输入的字数，包括展示效果图、WXML和JS代码实现细节。

摘要由CSDN通过智能技术生成

效果图

在这里插入图片描述

wxml代码

<view style="border: 1px solid #FFA6A6; border-radius: 10px;">
     <textarea placeholder-class="place-holder"  placeholder="请从以下四个方面填写求求职简介 1. 教育背景介绍，如学校专业描述、个人学习成绩奖学金情况  2. 技能介绍（多描述就业相关技能），培训证书等  3. 描述实习经历、社会实践经历，或者社团经历 4. 希望从事的领域及职位 " name="introduction" maxlength='300' bindinput='limit' value="{
  {text}}" style="font-size: 14px;"/>

      <!-- 显示字数 -->
      <view class="clear"><text style="color: #ccc; font-size: 14px; float: right; margin-right: 2%;">{
  {current}} / {
  {max}} （最多可写300字）</text></view>
</view>