重要参数
value 输入框中的初始输入内容
type 输入框的种类,如果是文本就不用填写
1,number 数字
2,idcard 身份证
3,digit 带小数点的数字
4,safe-password 安全键盘
password 密码类型,不用就不填
placeholder 占位文字,或者说提示文字
placeholder-class 为提示文字绑定一个类
maxlength 设置最大长度,不设置最多140,设置为-1可以无限输入
confirm-type 键盘的确认文字,只能用于默认的type也就是文本模式
bindinput 绑定输入事件
bindfocus 绑定聚焦事件
bindblur 绑定失去焦点事件
bindconfirm 绑定确认事件
提示:默认的input标签只需要一个单标签就可以了,但是在小程序中不允许单标签存在,因此必须手动为其添加闭合,也就是写成<input />这样的形式,才可以通过。
简单使用
<!-- 这是一个没有任何提示的,最简单的input标签 -->
<input />
<!-- 添加placeholder提示的input标签,input最好都要添加placeholder作为提示,不然很难知道input标签在哪里 -->
<!-- 注意,type="text"是一个默认值,无需填写,但是一般小程序的开发者工具会自动帮你添加,既然它帮你添加了,也没必要特意删掉,因此可以选择type="text"。 -->
<input type="text" placeholder="在这里输入文本" />
<!-- 千万要注意,password是一个单独的属性,不是一种type的类型,不要将password添加

本文详细介绍了小程序中input标签的重要参数、简单使用及四大事件(bindinput、bindfocus、bindblur、bindconfirm),并讲解了不同模式如number、digit、idcard的用途。示例代码展示了如何通过事件获取和处理用户输入,以及实现输入框的样式变化和前端校验。
最低0.47元/天 解锁文章
3412

被折叠的 条评论
为什么被折叠?



