编程 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在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