微信小程序中input的问题

最新推荐文章于 2024-06-28 13:54:31 发布
最新推荐文章于 2024-06-28 13:54:31 发布
阅读量1.2k 收藏
点赞数
文章标签： 小程序 javascript css html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/vi_to/article/details/108686550
版权

回到学校之后，考试完还要考四级，考完四级发现稳得一匹…
我在制作小程序的时候发现了一个问题，具体如下，如下图：
在这里插入图片描述
请注意看看：**在上面的sssss,而我现在将其用input组件替换的时候，**如下图报错：

在这里插入图片描述
在这个过程中其他地方是没有经过任何的改动，就将sssss改为了input type=“text”>
到目前为止：我还没有找到是哪里出错了，查了许多资料都没有出现问题，我已经崩溃了，还请各位大佬指点一下！！！！
在这里插入图片描述

vi_to
关注
小程序中input标签没有反应_解决微信小程序弹出层中input无法聚焦的问题
weixin_35034088的博客
12-29 1749
此处使用的是vant框架解决聚焦问题这里遇到的问题是，在点击搜索框后，设置了弹起的弹出层中van-search的foucs值为true但是没有起到聚焦效果原因在于弹出框带有一个动画效果，需要在动画效果之后再使focus的值为true才能生效关键代码如下focus="{{isfocus}}"model:value="{{ searchValue }}"placeholder="请输入您要搜索的值"/...
微信小程序使用input
qq_39131699的博客
03-04 343
html部分 <view class="item" wx:for="{{setList}}" wx:key="index"> <text class="label">{{item.label}}</text> <input data-label="{{item.label}}" type="text" placeholder="{{item.placeholder}}" placeholder-class="placeholder" value="{{item.
微信小程序中input问题
weixin_43990624的博客
07-05 1119
主要是自己在修改之前的项目中需要修改的问题 如果在小程序中是用input file在ios端会出现在点击上传文件的时候弹出键盘，只能输入文字的问题 上边的图片中是使用了file类型，但是小程序本身是没有file类型的 ...
微信小程序input事件和一些常用事件
最新发布
weixin_74460913的博客
06-28 653
【代码】input事件和一些常用事件。
微信小程序开发报错及解决记录
weixin_53582738的博客
10-11 5584
微信小程序各种踩坑记录，报错记录。
【微信小程序】微信小程序提示Do not have handler in component
ajdhakj6的博客
12-04 591
微信小程序提示Do not have handler in component
input ios问题 小程序_微信小程序开发常见问题汇总
weixin_39864738的博客
12-19 279
原标题：微信小程序开发常见问题汇总1、域名必须是https非https的域名不被微信小程序允许。2、input组件placeholder字体颜色卸载placeholder-class里面的color并不生效，需要写在placeholder-style里面就可以了。3、wx.navigateTo无法跳转到带tabbar的页面带有tabbar的页面，必须使用wx.switchTab进行跳转。4、tab...
微信小程序input框中加入小图标的实现方法
08-27
微信小程序input框中加入小图标的实现方法 微信小程序input框中加入小图标的实现方法是一种常见的需求，特别是在登录注册页面中。通常，我们可以使用background-image属性来实现，但是微信小程序中并不支持这种方法...
微信小程序修改自定义input
03-29
在微信小程序中是不能修改input样式的 甚至修改大小也不能，那么怎么做一个自定义样式的input呢 说一下我做的input的原理 有两张图片 一张是未选中的(input.png)一张是已经选中的 (input_n.png) 更具点击事件bindtap...
微信小程序：input标签的使用
03-29
使用input标签，我们都会，在微信小程序中使用，必定也是可以一下子就会的，但是却有些常用的属性无法按照习惯去使用： 我就用我最常用的来做例子： 一个一个来解读： 首先，我是定义了他的id，这是我们最常用的，...
微信小程序中input标签详解及简单实例
01-03
微信小程序中input标签详解及简单实例 使用input标签，我们都会，在微信小程序中使用，必定也是可以一下子就会的，但是却有些常用的属性无法按照习惯去使用： 我就用我最常用的来做例子： 一个一个来解读： 首先，...
【问题】微信小程序设置bindinput事件没有反应
weixin_53500514的博客
05-01 7057
问题描述 <input value="{{name}}" bindinput="ipt"></input> ipt(e){ console.log(e); } 设置了文本框输入事件结果无法打印事件对象 原因 是小程序官方基础库的一个bug 解决方案 更改基础库 1.首先打开微信小程序开发工具,点击右上角的详情按钮 2.然后切换到弹出界面的本地设置 3.最后找到调试基础库选项,点击下拉列表选择即可 ...
解决 微信小程序 input错位
u011200562的博客
04-09 2357
问题：微信小程序input获取焦点时内容飞到上面了，input用view标签包裹，未使用定位 解决：最外层标签使用scroll-view包裹，当input获取到焦点时，scroll-view的属性scroll-y设置为false，当input失去焦点时，scroll-y设置为true 代码： <scroll-view scroll-y="{{isScroll}}"> //页面内容 <view> <input bindfocus="onfocus" bindb
小程序中input标签没有反应_微信小程序中input标签详解及简单实例
weixin_39909212的博客
12-19 1051
微信小程序中input标签详解及简单实例使用input标签，我们都会，在微信小程序中使用，必定也是可以一下子就会的，但是却有些常用的属性无法按照习惯去使用：我就用我最常用的来做例子：一个一个来解读：首先，我是定义了他的id，这是我们最常用的，所以就配了一个id，毕竟不操作他，又为什么设成输入框呢，第二，设置他的样式，第三，设置他的输入类别，以上都是很简单的第四。使用正则l；哎限定输入为纯数字。这点...
微信小程序文本输入＜input/＞ 详解
热门推荐
代码小疯子
12-12 2万+
在微信小程序开发中，input 用来实现文本输入，如输入用户名密码等等
微信小程序input控件
Dax1_的博客
09-25 2189
首先主页面中将登录的样式进行了简单展示和使用，代码如下： <!--如果在同一个form表单中创建了多个input输入框，可以给给每个输入框， 创建自己的name=“userName”属性，可以区别哪个输入框，并通过添加 属性提交：bindsubmit="方法名" 重置：bindreset="方法名"， 达到清除输入框内容的目的 js文件中的用法，e.detail.value.userName.length--> <view class="itemView">用户名： &lt.
微信小程序input详解
a_靖的博客
07-18 1万+
微信小程序开发交流qq群 173683895 承接微信小程序开发。扫码加微信。 正文： 左边扫码随时向我提问，上方有QQ群，有兴趣的可以加！！！ 我在开发过程中，遇到了一些常见的问题，希望通过这篇文件帮助大家避坑··· 问题与解决方法： 1.写输入框的时候，想实时获取输入框的焦点 用到的事件和属性： bindfocus EventHandle ...
微信小程序调查问卷
TIANJING_er的博客
05-10 1万+
首先我做的这个是评教系统中调查问卷页面并实现该功能&lt;view class='header'&gt;被评教师：{{teachername}}&lt;/view&gt; &lt;swiper bindchange='swiper_change' current='{{currentid}}'&gt; &lt;block class="center" wx:for="{{paperdetails}...
微信小程序循环input
05-31
你可以使用wxs模块中的for循环来实现微信小程序中input框的循环。具体步骤如下： 1. 在wxml文件中使用for循环生成input框，代码如下： ``` <view wx:for="{{inputList}}" wx:key="{{index}}"> <input placeholder="请输入" value="{{item}}" bindinput="inputChange" data-index="{{index}}" /> </view> ``` 其中，inputList是一个数组，里面存放了每个input框的值。 2. 在js文件中定义inputList数组，并在页面加载时初始化inputList，代码如下： ``` Page({ data: { inputList: [''] }, onLoad: function () { this.setData({ inputList: ['', '', ''] // 初始化3个input框 }) }, inputChange: function (e) { const index = e.currentTarget.dataset.index const value = e.detail.value const inputList = this.data.inputList inputList[index] = value this.setData({ inputList: inputList }) } }) ``` 其中，inputChange是input框值改变时的回调函数，它通过e.currentTarget.dataset.index获取当前input框的下标，并通过e.detail.value获取当前input框的值，最后更新inputList数组并更新页面数据。 这样，就可以实现微信小程序中input框的循环了。
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值