(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

Logo

北京人形旗下天工造物具身智能开源社区,聚焦具身天工与慧思开物两大平台

更多推荐