微信小程序（组件--表单：交互控件）

input输入框
基础属性：

input输入框组件–基础属性—type类型

type属性值

text：文本输入键盘

number：数字输入键盘

idcard：身份证输入键盘

digit：带小数点的数字键盘

input输入框组件—占位符placeholder相关

占位符placeholder属性：


案例：

<input placeholder="请输入内容" placeholder-style="color:#ff5857;"></input>

注意： placeholder字体大小默认与input字体大小相同，不能分开设置，不然应用户体验。方案：给input设置字体大小即可

 <input placeholder="请输入内容" placeholder-class="placeClass"></input>

.placeClass{
  color: #2d78f4;
}

input输入框组件—焦点类属性：


案例：（focus）

<input placeholder="请输入内容" value="默认初始值" bindfocus="focusFn"></input>

focusFn(option){
    console.log(option)
  },

案例：（blur）

<input placeholder="请输入内容" value="默认初始值" bindfocus="focusFn" bindblur="blurFn"></input>

blurFn(option){
    console.log(option)
  },

input输入框组件—键盘与键盘按钮


confirm-type属性值

一般需要开发人员根据业务的情景选择合适的confirm