微信小程序使用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 相关文章推荐
prototype Element学习笔记(篇二)
Oct 26 Javascript
浅析Cookie中的Path与domain
Dec 18 Javascript
使用JavaScript的ActiveXObject对象检测应用程序是否安装的方法
Apr 15 Javascript
jQuery中position()方法用法实例
Jan 16 Javascript
谈谈我对JavaScript原型和闭包系列理解(随手笔记9)
Dec 24 Javascript
jquery对复选框(checkbox)的操作汇总
Jan 13 Javascript
webpack下实现动态引入文件方法
Feb 22 Javascript
JS中移除非数字最多保留一位小数
May 09 Javascript
了解JavaScript表单操作和表单域
May 27 Javascript
Vue实现数据表格合并列rowspan效果
Nov 30 Javascript
jQuery zTree如何改变指定节点文本样式
Oct 16 jQuery
微信小程序视频弹幕发送功能的实现
Dec 28 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
《斗罗大陆》六翼天使武魂最强,为什么老千家不是上三宗?
2020/03/02 国漫
PHP生成自定义长度随机字符串的函数分享
2014/05/04 PHP
CodeIgniter针对lighttpd服务器URL重写的方法
2015/06/10 PHP
PHP新特性详解之命名空间、性状与生成器
2017/07/18 PHP
PHP数组遍历的几种常见方式总结
2019/02/15 PHP
一个简单的js树形菜单
2011/12/09 Javascript
JavaScript排序算法之希尔排序的2个实例
2014/04/04 Javascript
jQuery EasyUI基础教程之EasyUI常用组件(推荐)
2016/07/15 Javascript
js实现按钮控制带有停顿效果的图片滚动
2016/08/30 Javascript
nodejs的HTML分析利器node-jquery用法浅析
2016/11/08 NodeJs
提高Web性能的前端优化技巧总结
2017/02/27 Javascript
从零开始学习Node.js系列教程四:多页面实现数学运算的client端和server端示例
2017/04/13 Javascript
详细AngularJs4的图片剪裁组件的实例
2017/07/12 Javascript
JavaScript 隐性类型转换步骤浅析
2018/03/15 Javascript
node.js读取Excel数据(下载图片)的方法示例
2018/08/02 Javascript
JS实现图片轮播效果实例详解【可自动和手动】
2019/04/04 Javascript
浅谈Vue 自动化部署打包上线
2020/06/14 Javascript
python re正则表达式模块(Regular Expression)
2014/07/16 Python
Python实现文件复制删除
2016/04/19 Python
使用Python的turtle模块画图的方法
2017/11/15 Python
python统计指定目录内文件的代码行数
2019/09/19 Python
详解python内置模块urllib
2020/09/09 Python
python3.9和pycharm的安装教程并创建简单项目的步骤
2021/02/03 Python
CSS3制作炫酷的自定义发光文字
2016/03/28 HTML / CSS
Alba Moda瑞士网上商店:独家意大利时尚女装销售
2016/11/28 全球购物
德国最大的拼图在线商店:Puzzle.de
2016/12/17 全球购物
加拿大专业美发产品购物网站:Chatters
2021/02/28 全球购物
100%法国制造的游戏和玩具:Les Jouets Français
2021/03/02 全球购物
汽车装潢店创业计划书范文
2014/02/05 职场文书
大学第二课堂活动总结
2014/07/08 职场文书
2014入党积极分子批评与自我批评思想报告
2014/10/06 职场文书
初中数学教学反思范文
2016/02/17 职场文书
学习师德师风的心得体会(2篇)
2019/10/08 职场文书
Python-typing: 类型标注与支持 Any类型详解
2021/05/10 Python
JavaScript异步操作中串行和并行
2021/11/20 Javascript
css filter和getUserMedia的联合使用
2022/02/24 HTML / CSS