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


Posted in Javascript onDecember 11, 2017

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

1、效果展示

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

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

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

Javascript 相关文章推荐
JS在IE和FF下attachEvent,addEventListener学习笔记
Nov 26 Javascript
ajax的hide隐藏问题解决方法
Dec 11 Javascript
js检查页面上有无重复id的实现代码
Jul 17 Javascript
代码获取历史上的今天发生的事
Apr 11 Javascript
jQuery实现文本展开收缩特效
Jun 03 Javascript
javascript实现信息增删改查的方法
Jul 25 Javascript
跟我学习javascript的垃圾回收机制与内存管理
Nov 23 Javascript
jQuery动画效果相关方法实例分析
Dec 31 Javascript
Canvas 制作动态进度加载水球详解及实例代码
Dec 09 Javascript
JavaScript实现的XML与JSON互转功能详解
Feb 16 Javascript
在vue中使用jointjs的方法
Mar 24 Javascript
小程序getLocation需要在app.json中声明permission字段
Apr 04 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
PHP排序算法类实例
2015/06/17 PHP
PHP MSSQL 分页实例
2016/04/13 PHP
PHP使用内置函数生成图片的方法详解
2016/05/09 PHP
PHP7.1实现的AES与RSA加密操作示例
2018/06/15 PHP
如何取得中文输入的真实长度?
2006/06/24 Javascript
在浏览器中获取当前执行的脚本文件名的代码
2011/07/19 Javascript
node.js 一个简单的页面输出实现代码
2012/03/07 Javascript
EasyUI 中 MenuButton 的使用方法
2012/07/14 Javascript
分享XmlHttpRequest调用Webservice的一点心得
2012/07/20 Javascript
jQuery中$.get、$.post、$.getJSON和$.ajax的用法详解
2014/11/19 Javascript
js获取checkbox值的方法
2015/01/28 Javascript
JS实现来回出现文字的状态栏特效代码
2015/10/31 Javascript
微信小程序 购物车简单实例
2016/10/24 Javascript
jQGrid动态填充select下拉框的选项值(动态填充)
2016/11/28 Javascript
Vue封装Swiper实现图片轮播效果
2018/02/06 Javascript
Vue实现类似Spring官网图片滑动效果方法
2019/03/01 Javascript
webpack 代码分离优化快速指北
2019/05/18 Javascript
JavaScript实现音乐导航效果
2020/11/19 Javascript
JavaScript实现下拉列表
2021/01/20 Javascript
用python登录Dr.com思路以及代码分享
2014/06/25 Python
Python字符串切片操作知识详解
2016/03/28 Python
python爬虫项目设置一个中断重连的程序的实现
2019/07/26 Python
python自动化测试之异常及日志操作实例分析
2019/11/09 Python
解决json中ensure_ascii=False的问题
2020/04/03 Python
一文详述 Python 中的 property 语法
2020/09/01 Python
如何用border-image实现文字气泡边框的示例代码
2020/01/21 HTML / CSS
L*SPACE官网:比基尼、泳装和度假服装
2019/03/18 全球购物
简历上的自我评价怎么写
2014/01/28 职场文书
2014年工会工作总结
2014/11/12 职场文书
夫妻双方自愿离婚协议书怎么写
2014/12/01 职场文书
父亲节活动总结
2015/02/12 职场文书
2015年国培研修感言
2015/08/01 职场文书
2016年“世界气象日”广播稿
2015/12/17 职场文书
2016新教师培训心得体会范文
2016/01/08 职场文书
解决jupyter notebook启动后没有token的坑
2021/04/24 Python
MySQL之MyISAM存储引擎的非聚簇索引详解
2022/03/03 MySQL