微信小程序day03_04之form组件之input文本框

一. input

输入框。该组件是原生组件，使用时请注意相关限制。 官方文档如下 https://developers.weixin.qq.com/miniprogram/dev/component/input.html 如下为部分的属性

二.代码示例

wxml中的代码如下

23432
23432
23432
23432
23432
23432
23432
23432
23432
23432
23432
23432
23432
23432
23432
23432
23432
23432
23432
23432
23432
23432
23432








密码框 
用户名框 
confirm-type 


用户名框66 666


用户名框 



23432
23432
23432
23432
23432
23432
23432
23432
23432
23432
23432
23432
23432
23432
23432
23432
23432
23432
23432
23432
23432
23432
23432
23432

js中的代码如下, 主要演示了input框的一些事件,和bindinput中, return 一个字符串，将替换输入框的内容。

// pages/input/input.js
Page({
 inputEvent: function(){
    console.log("input");
    return "666666";
 },
 focusEvent: function(){
   console.log("focusEvent");
 },
 blurEvent: function(){
   console.log("blurEvent");
 },
 confirmEvent: function(){
   console.log("confirmEvent");
 }
})

显示效果如下图 控制台打印如下: