编程 Javascript

微信小程序使用input组件实现密码框功能【附源码下载】

Posted in Javascript onDecember 11, 2017

本文实例讲述了微信小程序使用input组件实现密码框功能。分享给大家供大家参考，具体如下：

1、效果展示

2、关键代码

index.wxml

<view style="width:80%; display:flex;">
 <view>用户名：</view>
 <input style="border: 1px solid;border-color: lightblue;width:60%;" 
 placeholder="请输入您的用户名" maxlength="16" type="text" focus="false"/>
</view>
<view style="width:80%; display:flex;">
 密　码：<input style="border: 1px solid;border-color: lightblue;width:60%;" 
 placeholder="请输入您的密码" password="true" maxlength="16" type="text" focus="false"/>
</view>

3、源代码点击此处本站下载。

关于input组件的详细说明可查看官网：https://mp.weixin.qq.com/debug/wxadoc/dev/component/input.html

希望本文所述对大家微信小程序开发有所帮助。

微信小程序使用input组件实现密码框功能【附源码下载】

- Author -

FutrueJet

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

关于js类的定义

Jun 28 Javascript

使用javascipt---实现二分查找法

Apr 10 Javascript

如何解决Jquery库及其他库之间的$命名冲突

Sep 15 Javascript

jquery+php随机生成红包金额数量代码分享

Aug 27 Javascript

使用Function.apply()的参数数组化来提高 JavaScript程序性能的技巧

Dec 23 Javascript

jQuery获取父元素节点、子元素节点及兄弟元素节点的方法

Apr 14 Javascript

Bootstrap风格的WPF样式

Dec 07 Javascript

JavaScript 事件流、事件处理程序及事件对象总结

Apr 01 Javascript

浅谈vue异步数据影响页面渲染

Oct 29 Javascript

vue接通后端api以及部署到服务器操作

Aug 13 Javascript

iview实现动态表单和自定义验证时间段重叠

Jan 10 Javascript

JS前端宏任务微任务及Event Loop使用详解

Jul 23 Javascript

浅谈vue项目优化之页面的按需加载(vue+webpack)

Dec 11 #Javascript

微信小程序使用radio显示单选项功能【附源码下载】

Dec 11 #Javascript

详解webpack编译多页面vue项目的配置问题

Dec 11 #Javascript

微信小程序使用checkbox显示多项选择框功能【附源码下载】

Dec 11 #Javascript

浅谈webpack编译vue项目生成的代码探索

Dec 11 #Javascript

微信小程序使用picker实现时间和日期选择框功能【附源码下载】

Dec 11 #Javascript

Mac中安装nvm的教程分享

Dec 11 #Javascript

You might like

使用zend studio for eclipse不能激活代码提示功能的解决办法

2009/10/11 PHP

php使用正则验证中文

2016/04/06 PHP

PHP中获取文件创建日期、修改日期、访问时间的方法

2016/11/05 PHP

PHP实现留言板功能的详细代码

2017/03/25 PHP

PHP ajax+jQuery 实现批量删除功能实例代码小结

2018/12/06 PHP

PHP chr()函数讲解

2019/02/11 PHP

js+数组实现网页上显示时间/星期几的实用方法

2013/01/18 Javascript

根据经纬度计算地球上两点之间的距离js实现代码

2013/03/05 Javascript

JS解决url传值出现中文乱码的另类办法

2013/04/08 Javascript

javascript函数式编程程序员的工具集

2015/10/11 Javascript

js实现文字超出部分用省略号代替实例代码

2016/09/01 Javascript

jquery 追加元素append、prepend、before、after用法与区别分析

2016/12/02 Javascript

浅谈JavaScript的自动垃圾收集机制

2016/12/15 Javascript

深入了解JavaScript的逻辑运算符（与、或）

2016/12/20 Javascript

基于jPlayer三分屏的制作方法

2016/12/21 Javascript

AngulerJS学习之按需动态加载文件

2017/02/13 Javascript

Vue.js实现图片的随意拖动方法

2018/03/08 Javascript

深入理解JavaScript 中的执行上下文和执行栈

2018/10/23 Javascript

Vue的编码技巧与规范使用详解

2019/08/28 Javascript

深入浅析vue中cross-env的使用

2019/09/12 Javascript

vue用ant design中table表格,点击某行时触发的事件操作

2020/10/28 Javascript

[02:43]中国五虎出征TI3视频

2013/08/02 DOTA

[30:55]完美世界DOTA2联赛PWL S2 Magma vs LBZS 第二场 11.18

2020/11/18 DOTA

一个超级简单的python web程序

2014/09/11 Python

Python多线程编程（六）：可重入锁RLock

2015/04/05 Python

Python的动态重新封装的教程

2015/04/11 Python

Python类的继承和多态代码详解

2017/12/27 Python

python 类的继承实例方法.静态方法.类方法的代码解析

2019/08/23 Python

python Gabor滤波器讲解

2020/10/26 Python

是什么让J2EE适合用来开发多层的分布式的应用

2015/01/16 面试题

Java里面有没有全局变量？为什么？

2015/02/06 面试题

DELPHI中如何调用API,可举例说明

2014/01/16 面试题

公司党的群众路线教育实践活动领导班子对照检查材料

2014/09/25 职场文书

综治目标管理责任书

2015/05/11 职场文书

儿童诗两首教学反思

2016/02/23 职场文书

Redis数据结构之链表与字典的使用

2021/05/11 Redis