(1) placeholder-class 和 placeholder-style 的区别:
placeholder-style 用来改变 input输入框里面设置的 placeholder值的字体颜色
placeholder-class 相当于添加一个改变placeholder的类
view class='item' view class='title_tip'姓名:/view view class='username_txt' input type='text' class='user_txt' placeholder='请输入姓名' placeholder-class='input_style'/ input type='text' class='user_txt' placeholder='请输入姓名' placeholder-style='color:red'/ /view/view
输入内容的话,显示别的颜色,设置 user_txt 自定义类名
.user_txt{ color:blue;}.input_style{ color:green;}
(2) input里面的 type的合法值:
| type的值 | 说明 |
| text | 显示 文本输入键盘 |
| number | 显示 数字输入键盘 |
| idcard | 显示 身份证输入键盘 |
| digit | 显示 带小数点的数字键盘 |
view input type='text' placeholder='text 文本输入键盘'/ input type='number' placeholder='number 数字输入键盘'/ input type='idcard' placeholder='idcard 身份证输入键盘'/ input type='digit' placeholder='digit 带小数点的数字键盘'//view(3)confirm-type
| confirm-type值 | 说明 |
| send | 右下角按钮为“发送” |
| search | 右下角按钮为“搜索” |
| next | 右下角按钮为“下一个” |
| go | 右下角按钮为“前往” |
| done | 右下角按钮为“完成” |
注:
(1)confirm-type 的最终表现与手机输入法本身的实现有关,部分安卓系统输入法和第三方输入法可能不支持或不完全支持。
(2)input组件是一个原生组件,字体是系统字体,所以设置font-family 是无效的。
(3)在input聚焦期间,避免使用css动画
-----------------------------------------------------------------------------------------------------------------------------------------------完
更具体深入的微信小程序input,可见小程序input













