微信小程序，不同的输入框显示

<!--pages/index/Component/TextInput/TextInput.wxml-->

<view class="viewTitle">

 <text class="view-Name">TextInput输入框展示</text>

 <view class="lineView"></view>

</view>

<view class="section">

 <input class="input" placeholder-style="font-size:15px"

 placeholder="自动聚焦弹出键盘，一个页面中只能有一个" auto-focus/>

</view>

<view class="section">

 <input class="input" placeholder="此处只有在点击下方按钮时才聚焦" focus="{{focus}}" />

</view>

<view class="section1">

 <button bindtap="bindButtonTap">使得输入框获取焦点</button>

</view>

<view class="section">

 <input class="input" maxlength="10" placeholder="最大输入长度10" />

</view>

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

<view class="section">

 <input class="input" bindinput="bindKeyInput" placeholder="输入同步到view中"/>

</view>

<view class="section">

 <input class="input" bindinput="bindReplaceInput" placeholder="连续的两个1会变成2" />

</view>

<view class="section">

 <input class="input" bindinput="bindHideKeyboard" placeholder="输入123自动收起键盘" />

</view>

<view class="section">

 <input class="input" type="number" placeholder="这是一个数字输入框" />

</view>

<view class="section">

 <input class="input" password type="text" placeholder="这是一个密码输入框" />

</view>

<view class="section">

 <input class="input" type="digit" placeholder="带小数点的数字键盘"/>

</view>

<view class="section">

 <input class="input" type="idcard" placeholder="身份证输入键盘" />

</view>

<view class="section">

 <input class="input" placeholder-style="color:red" placeholder="占位符字体是红色的" />

</view>