微信小程序——三

貌似现在我对于微信小程序的学习有些茫然，不知道该如何去把它学透。本来是想试着先去学习一下电子书上的标签语言，可谁知对于JS文件夹里的一些程序语言根本就是一窍不通，也不知道该从何而起。我觉得真的是需要一堂课来帮助我们入门、了解。现在我基本了解了，要做一个微信小程序的话，它分为四部分，而每一部分的文件夹都有各自的功能，缺一不可。让我来回忆一下，JSON是实现路径的查找，JS是交互功能，WXML是我最容易接受的，文本，同H5差不多，而至于最后一个则是WMXX，它实现的是调整仪器所呈现页面的大小。所以目前我比较难懂的是JS文件夹里的那些语句，可能是我之前C语言没学好的缘故吧。

今天学习了Input的相关语句，接下来是Input的例句

<view class="section">
  <input placeholder="这是一个可以自动聚焦的input" auto-focus/>
</view>
<view class="section">
  <input placeholder="这个只有在按钮点击的时候才聚焦" focus="{{focus}}" />
  <view class="btn-area">
    <button bindtap="bindButtonTap">使得输入框获取焦点</button>
  </view>
</view>
<view class="section">
  <input  maxlength="10" placeholder="最大输入长度10" />
</view>
<view class="section">
  <view class="section__title">你输入的是：{{inputValue}}</view>
  <input  bindinput="bindKeyInput" placeholder="输入同步到view中"/>
</view>
<view class="section">
  <input  bindinput="bindReplaceInput" placeholder="连续的两个1会变成2" />
</view>
<view class="section">
  <input password type="number" />
</view>
<view class="section">
  <input password type="text" />
</view>
<view class="section">
  <input type="digit" placeholder="带小数点的数字键盘"/>
</view>
<view class="section">
  <input type="idcard" placeholder="身份证输入键盘" />
</view>
<view class="section">
  <input placeholder-style="color:red" placeholder="占位符字体是红色的" />
</view>

以下表格是在Input中新学的标签：

属性名	说明
placeholder	输入框为空时，占位符
focus	获取焦点
maxlength	最大输入长度。当为-1是，无限
bindInput	输入时触发，能将替换内容输入框

接下来是以上代码的演示：

问题：

<input placeholder="这个只有在按钮点击的时候才聚焦" focus="{{focus}}" />

<view class="section__title">你输入的是：{{inputValue}}</view>

像focus="{{focus}}"这种用法，我不是很明白。

欢迎各位大神能给我讲解一下，万分感谢！

微信小程序——三

猜你喜欢