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

最新推荐文章于 2024-04-22 01:42:03 发布

尧~

最新推荐文章于 2024-04-22 01:42:03 发布

阅读量337

点赞数 1

本文链接：https://blog.csdn.net/weixin_44775723/article/details/101012708

版权

本文详细介绍了微信小程序中的表单组件，包括input输入框的基础属性、placeholder、焦点类属性和键盘类型；textarea多行输入框；form表单组件的提交与取消操作，以及验证和实时监听输入字数的方法；radio-group和radio单选选择器的使用；label组件如何关联其他控件；最后讲解了checkbox-group和checkbox多选项目的应用。

摘要由CSDN通过智能技术生成

一、input输入框组件

（1）基础属性：
在这里插入图片描述
其中：

（2）占位符placeholder属性：
在这里插入图片描述

<input value="输入框的初始内容" focus="true"></input>
  <input type="text">input框的类型</input>
  <input password="false" disabled="false"></input>
  <input maxlength="2">输入的最大长度</input>
  <input placeholder="输入框为空时的占位符"></input>
  <input type="idcard" value="身份证">身份证输入键盘</input>
  <input type="digit" value="带小数点">带小数点的输入键盘</input>
  <input placeholder="下面的属性为placeholder的内联属性" placeholder-style="color:red;"></input>
  <input placeholder="下面的属性指定placeholder的样式类名" placeholder-class="mz"></input>