编程 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 相关文章推荐

效率高的Javscript字符串替换函数的benchmark

Aug 02 Javascript

jQuery 页面载入进度条实现代码

Feb 08 Javascript

JQuery给元素添加/删除节点比如select

Apr 02 Javascript

利用javascript打开模态对话框(示例代码)

Jan 11 Javascript

jQuery学习笔记之jQuery原型属性和方法

Jun 09 Javascript

Prototype框架详解

Nov 25 Javascript

js对象浅拷贝和深拷贝详解

Sep 05 Javascript

js实现图片360度旋转

Jan 22 Javascript

JS ES6多行字符串与连接字符串的表示方法

Apr 26 Javascript

Vue 组件（component）教程之实现精美的日历方法示例

Jan 08 Javascript

利用Console来Debug的10个高级技巧汇总

Mar 26 Javascript

JavaScript逻辑运算符相关总结

Sep 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