微信小程序input和textarea数据清除与自动填充

最新推荐文章于 2024-04-20 12:59:59 发布
最新推荐文章于 2024-04-20 12:59:59 发布
阅读量4.1k 收藏 3
点赞数
分类专栏： 微信小程序 javascript JS且走且珍惜
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_39921345/article/details/107516832
版权

记录一个小问题：

情况是这样的，需要一个意见弹窗，能自动填充联系方式。但是我怎么setData都没办法实现。后来发现其实是因为写HTML样式时候没有写value属性。只要写了，数据就能正常setData带出数据了，也能正常设置数据为空了。

具体代码是这样：

	<textarea class="weui-textarea" style="font-size:26rpx;height:110px;" bindinput="descText" maxlength="200" value="{{descText}}"></textarea>	
	<input class="weui-input" placeholder="填写联系的电话号码或者邮箱" placeholder-style="font-size:26rpx;" style="font-size:26rpx" value="{{contact}}" bindinput="contact1"/>

李墨瞳
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
微信小程序textarea组件
qq_39702981的博客
11-28 1515
textarea 多行输入框。该组件是原生组件，使用时请注意相关限制。 属性名 类型 默认值 说明 最低版本 value String   输入框的内容   placeholder String   输入框为空时占位符   placeholder-style String   指定 place...
微信小程序textarea 问题处理
03-29
最近在开发一个商城项目，其中有一块是评价，就像淘宝手机端的评价那样。首先看看我的页面结构。  (此图片来源于网络，如有侵权，请联系删除! )  就是一个页面可以多多个商品进行评价，每个写具体评价的位置是一个textarea。使用微信小程序开发公司调试是没有问题的，但是在手机端调试就有问题。  (此图片来源于网络，如有侵权，请联系删除! )  就是textarea不能跟随一起滚动。  微信小程序给了一些Bug和建议：  (此图片来源于网络，如有侵权，请联系删除! )  我这个界面底层并没有使用scroll-view,但是还是有问题。感觉微信给的第5点覆盖面不广，应该是对于滚动的页面都不行。在HT
微信小程序开发初学：文本组件 - text 及 textarea，2024年最新Python开发自学教程
最新发布
m0_60666841的博客
04-20 737
书籍的好处就在于权威和体系健全，刚开始学习的时候你可以只看视频或者听某个人讲课，但等你学完之后，你觉得你掌握了，这时候建议还是得去看一下书籍，看权威技术书籍也是每个程序员必经之路。Python所有方向路线就是把Python常用的技术点做整理，形成各个领域的知识点汇总，它的用处就在于，你可以按照上面的知识点去找对应的学习资源，保证自己学得较为全面。光学理论是没用的，要学会跟着一起敲，要动手实操，才能将自己的所学运用到实际当中去，这时候可以搞点实战案例来学习。：中文字符空格一半大小。：根据字体设置空格大小。
小程序textarea文本框实时字数与内容清空
weixin_38946164的博客
07-15 2989
页面设计代码： <view class="feedback"> <view class="feedback-content"> <textarea class="feedback-content-info" bindinput="bindTextAreaChange" placeholder="感谢你提出的宝贵意见，我们会尽快完善" value="{{in...
小程序清空textarea_小程序的爬坑之路
weixin_39700063的博客
11-20 308
前端时间，做了一个小程序的项目，中间遇到的坑也是特别多，现在和大家分享下我在小程序中遇到的坑。前端小七1：index.js 与app.js 执行顺序的问题，总是同时加载，而获取不到app.js返回来的结果，这里可以用回调函数解决这个问题，在app封装一个函数，在index里调用函数，判断如果数据为空就继续调用直到值不为空的时候执行。2：小程序中背景图的问题。小程序中的背景图只可以先https://...
小程序清空textarea_小程序云开发实现订阅消息
weixin_39748183的博客
11-23 328
根据微信小程序官方文档说明：小程序模板消息接口将于2020年1月10日下线，将无法使用旧的小程序模板消息接口发送模板消息，取而代之的是新的一次性订阅消息和长期订阅消息【查看旧的模板消息文档】https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/template-message.html【订阅消息文档...
微信小程序中 input空间输入文字如何清空
weixin_37773766的博客
05-21 1372
场景：希望读取input控件的输入内容之后，清空输入框的内容。由于本人是JS小白，整整花了一两个小时都没找到方法。原来微信小程序不支持document通过id获取控件的方法，尽管编译不报错，但是实际是不起作用的，本人亲测。只能通过数据传递的方式实现，方法如下：        功能：按控件“输入”，之后input输入框就会清空[javascript] view plain copy//input.w...
微信小程序 内容自适应textarea表单组件（autoheight_textarea）
01-30
textarea根据内容自适应高度 组件 注意：要监听input事件改变value值 使用： <autoheight_textarea value="{{value}}" placeholder="写个评论" bindinput="listenerinput"></autoheight_textarea>
微信小程序 input输入框详解及简单实例
11-28
微信小程序输入框input 相关文章： 微信小程序 Button 微信小程序 radio 微信小程序 slider 微信小程序 switch 微信小程序 textarea 微信小程序 picker-view 微信小程序 picker 微信小程序 label 微信小程序 ...
一步快速解决微信小程序中textarea层级太高遮挡其他组件
10-17
主要给大家介绍了关于如何通过一步快速解决微信小程序中textarea层级太高遮挡其他组件问题的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面来一起学习...
微信小程序 textarea 详解及简单使用方法
01-03
微信小程序 textarea 简易解决方案 微信小程序中textarea没有bindchange事件，所以无法在输入时给变量赋值。 虽然可以使用bindblur事件，但是绑定bindblur事件，如果再点击按钮，则先执行完按钮事件后，再去执行...
微信小程序 textarea输入框内文字，从中间删除快的时候，光标会从中间跳到最后位置
yongyafang123的博客
02-01 1837
小程序 输入框 删除光标问题
小程序textarea踩坑-textarea动态获取值，点击提交无法清除该值
qq_44828153的博客
02-17 1192
场景：用户在textarea输入文本，并保存本地，用户再次进入页面时，textarea获取本地的值，点击提交却无法清除该值 1.value="{{discontent}}{{discontentSpace}}"，discontent为文本内容，discontentSpace是空字符串，在点击提交时同时清空这两个数据即可 <textarea class="disContent" disable-default-padding = "true" bindblur="bindTextAreaBlur"
微信小程序清除输入框内容组件 清空Input weui中一键清除input内容
Taurus_666
05-26 5823
前提 首先，我是在引用weUI扩展组件情况下，自己做了适当修改，即可全局引用Input, 使用清空输入内容功能。components为weui组件，本身weui是没有input组件的，我自己添加了一个Input-clear组件。 使用方法 第一步：引入weUI组件，方法很多，我是直接引入了weUI的components文件夹，也可用其他方法引入，详见微信公众平台文档说明 第二步： 在app.wxss页面引入weui.wxss 第三步： 在需要使用weUI组件的页面的json文件中添加你需要的组件，一定要
微信小程序点击清空输入框
qq_41200621的博客
12-14 6620
执行逻辑先获取输入框有没有值，有值提示请先输入内容，没有值就setData一个null上去就可以清空输入框了，如果没有清空，可以给input一个inputValue属性设置一个空值，然后再Data上去就可以了。
微信小程序——textarea
weixin_57681196的博客
06-23 975
当我们在HTML的表单中使用textarea元素时，常常需要限制用户输入的字符数量。这时我们可以使用maxlength属性，它可以控制textarea中输入的最大字符数量。但是，在使用maxlength属性时需要注意以下事项：maxlength属性不是强制性的，用户可以通过复制粘贴等方式绕过maxlength的限制。因此在后端也需要对用户的输入进行验证和过滤。maxlength属性只限制用户输入的字符数量，不限制用户输入的行数。
微信小程序 清空input框内容
热门推荐
王扬扬的博客
09-19 1万+
需求为：点击发送之后，发送内容，并将发送的内容清空 不做任何处理的话，小程序是不会帮你清空表单的；本次代码如下： wxml &lt;form bindreset="foo"&gt; &lt;input bindinput='getMsg' name="msg"&gt;请输入...&lt;/input&gt; &lt;button form-type="reset"&
微信小程序input如何清空？
qq_31594665的博客
11-02 1578
不需要设置重置属性，只需要在input中设置属性value。<type="text" name='name' value="{{name}}"/> 然后表单提交，在成功返回函数success中设置。这样就每次提交后都会把输入框的内容清空了。：可以用一个最简单的方法。
微信小程序weUI ＜mp-form＞提交清空input框的值
sqitarn的博客
12-13 3626
<mp-form id="form" class="cont_add_a1" rules="{{rules}}" models="{{formData}}"> 当使用mp-form使用按钮提交，数据通过models绑定，点击提交的时候需要清空input框里的值，试过将formData的值置为空，没有效果 最后想到的办法是，将每个input使用model:value绑定数据，点击按钮之后通过将值设为空来清除input框中的内容 <mp-toptips msg="{{error}}"
微信小程序input接收收入的数据
12-15
微信小程序可以通过input组件来接收用户输入的数据。当用户在input框中输入数据时，可以通过绑定input事件来实时获取用户输入的内容。在小程序中，可以通过setData方法将用户输入的数据存储在页面的数据中，以便后续...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值