微信小程序input

index.wxml

添加视图

<view class='area_view'>
    <text class='area_text'>税前收入:</text>
    <input class='area_input' type='number' onblur='bindKeyInput' placeholder='' value='{{inputValue}}' focus='{{focus}}'></input>
</view>

这里的<view>标签相当于html里的div、h1、span、acronym、abbr、address等等，详细在网上另查阅。

我在这里主要是想厘清<input>标签里的内容。

1.   'class'类型里我放置了'area_input'，

2.   'type'类型里放置了'number','type'可以赋值三种：number（纯数字的输入框）、idcard（身份证类型的输入框）、digit（带小数点的输入框）.通俗一点就是：用户拿手机想输入数字时，number只有数字和删除键；idcard有数字、删除键和X；digit有数字、小数点和删除键。

3.'onblur'类型放置‘事件’，这里事件为‘bindkeyinput’

4.'placeholder'为占位符，我理解为：在输入框内的东西，对于程序没有影响

5.‘value’，这里将用户输入的值赋予value，记得要用{{ }}括起来

6.‘focus’为获取焦点，不是必要的