微信小程序---获取输入框(input)内容

wxml

  <input  placeholder="请输入手机号码" maxlength="11" type="tel" bindinput="getInput" />  

js

Page({data:{getInput: null},getInput:function(e){//方法1this.data.getInput = e.detail.value;},//getInput: function (e) {//方法2//this.setData({//getInput: e.detail.value//})//}  //这样写在别处调用时this.data.getInput即可
})

微信小程序---获取input输入框里面的value值

wxml

  <input  placeholder="请输入手机号码" maxlength="11" type="tel" bindinput="getInput" value="{{telValue}}"  />  

js

Page({data:{telValue: '',getInput: ''},getInput:function(e){this.setData({telValue: e.detail.value})}
})
  • 个人觉得都一样,只是多了个value,可能是菜鸟的缘故还没发现多大不同

微信小程序input标签中文字被遮盖的问题

  • 在设置input组件的宽度的时候,如果是width的值,则不能用百分比,而要用真是的数据,比如px、rpx等
    还有一种情况就是真需要用到百分比,那么可设置的input组件的min-width和max-width,但注意:如果设置min-width或max-width属性,不可设置width属性
  • 设置min-width或max-width可解决

转载于:https://www.cnblogs.com/DCL1314/p/9448179.html

微信小程序获取输入框(input)内容相关推荐

  1. 微信小程序---获取输入框(input)内容

    在wxml中设置输入框,其中placeholder是输入框还没有输入内容时显示的内容. <input class='create-title' placeholder="投票标题&qu ...

  2. es6 去掉空格_微信小程序自动去除input空格的方法

    当用户输入账号或者密码的时候,可能会有输入空格的情况,但是实际需要是不能够有空格的,所以我们要做一个去除空格,并且适应所有input的name参数的方法,下面请看源码: wxml: js: verif ...

  3. 微信小程序基础之input输入框控件

    今天主要详写一下微信小程序中的Input输入框控件,输入框在程序中是最常见的,登录,注册,获取搜索框中的内容等等都需要,同时,还需要设置不同样式的输入框,今天的代码中都要相应的使用. input输入框 ...

  4. 微信小程序 获取input输入的值

    微信小程序 获取input输入的值 view <view><text>姓名:</text><input type='text' name="user ...

  5. 微信小程序获取用户头像昵称

    微信小程序获取头像昵称问题解决 文章目录 微信小程序获取头像昵称问题解决 前言和传统方法 问题描述 解决方案 实现效果 前言和传统方法 微信小程序是一种基于微信开发平台的轻应用,用户可以通过微信扫码. ...

  6. 微信小程序实现输入框与文本框数值联动效果

    本篇文章主要讲解微信小程序下,input输入框输入后,页面中的文本信息进行即时更新联动的效果实现方法 日期:2022年10月4日 作者:任聪聪 一.效果演示 二.实现思路 给input框进行绑定函数, ...

  7. php渲染页面简单例子,微信小程序如何渲染html内容(示例讲解)

    本篇文章给大家带来的内容是关于微信小程序如何渲染html内容(示例讲解),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 最近又做了一个新的小程序关于物流订单查询 遇到了一个小问题:数 ...

  8. 微信小程序获取OneNet数据显示温湿度

    微信小程序获取OneNet数据显示温湿度 一.OneNet平台 ​ 1.我这里的设备是通过MQTT协议连接到OneNet平台的 ​ 2.微信小程序获取OneNet数据需要得到产品的api-key.设备 ...

  9. 微信小程序获取带表情的微信名乱码问题

    微信小程序获取带表情的微信名乱码问题 在后台获取完微信用户数据后,对微信名进行UTF-8编码 URLEncoder.encode(nickName, "utf-8") ,将编码后的 ...

最新文章

  1. 程序员的视角:java GC
  2. kickstart批量安装Linux系统
  3. 如何使用 Java 中执行 Windows 的 CMD 命令
  4. 「ECharts」主题这样配置才能更绚丽
  5. World Wind Java开发之一(转)
  6. windows 2008 R2 如何更新SID
  7. ELK-filbeate收集tomcat日志
  8. C语言中文网C++教程笔记
  9. java cryptojs_CryptoJS用法
  10. 华为HG8245C光猫破解用户连接数限制
  11. linux禁用137 138端口,如何关闭135、137、138、139、445端口方法
  12. 关于refresh token的总结
  13. python读word表格_python 读word 的表格
  14. PHP: Fatal error:Call to undefined function com_create_guid()
  15. Python上位机与C51单片机串口通信
  16. MT2014——打靶
  17. 什么是静态测试?什么是动态测试?
  18. PXC 避免加入集群时发生SST
  19. 干得漂亮!微信封禁大量色情账号
  20. 无线耳机的分类和技术特点

热门文章

  1. 线程之interrupt
  2. 【日常分享】规格化成绩如何计算
  3. Maven环境配置(本文以“apache-maven-3.8.2”的安装配置为例)
  4. JFinal 极速开发框架--5.ActiveRecord
  5. Linux查看tomcat是否启动,查看tomcat监听端口
  6. (三)市场调查大赛系列——抽样调查的误差分析和质量控制
  7. volatile不能保证原子性,atomic不仅保证可见性还有原子性CAS分析
  8. Java金额每隔三位加上一个逗号
  9. iOS7设置状态栏颜色
  10. url跳转http不携带referer方法