微信小程序> 微信小程序之表单组件input输入框

微信小程序之表单组件input输入框

浏览量:3279 时间: 来源:我想要两颗西柚i。

(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

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

产品经理

手机 : 13312967497

擅长 : 小程序流量变现

扫码领取礼包

最新资讯

热门模板

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎