Example Analysis of input input Box in Wechat Development

This article is to share with you the content of the sample analysis of the input input box in the development of Wechat. The editor thinks it is very practical, so share it with you as a reference and follow the editor to have a look.

The frequency of input input box is also relatively high. If the style is wrapped on the outside, it will be defined by view. There are not many input attributes, so you need to test it yourself slowly. Try it.

Main attributes:

Wxml

Log in

Js

Page ({/ * initialization data * / data: {phone:', password:',}, / * monitor mobile phone number input * / listenerPhoneInput: function (e) {this.data.phone = e.detail.value;}, / * * listening password input * / listenerPasswordInput: function (e) {this.data.password = e.detail.value }, / * listen for login button * / listenerLogin: function () {/ / print revenue account and password console.log ('mobile number:', this.data.phone); console.log ('password is:', this.data.password) }, onLoad:function (options) {/ / parameters brought by page initialization options for page jump}, onReady:function () {/ / page rendering completed}, onShow:function () {/ / page display}, onHide:function () {/ / page hiding}, onUnload:function () {/ / page closed}})

Wxss

Input {padding-left: 10px; height: 44px;} .inputView {border: 2px solid red; border-radius: 40px; margin-left: 15px; margin-right: 15px; margin-top: 15px;} Thank you for reading! This is the end of the article on "sample analysis of input input boxes in Wechat development". I hope the above content can be of some help to you, so that you can learn more knowledge. if you think the article is good, you can share it out for more people to see!