微信小程序表单组件总结

1,Form

Form表单组件,结合Cell、Checkbox-group、Checkbox组件等做表单校验。

{

  "component": true,

  "usingComponents": {

    "mp-toptips": "../components/toptips/toptips",

    "mp-cells": "../components/cells/cells",

    "mp-cell": "../components/cell/cell",

    "mp-checkbox": "../components/checkbox/checkbox",

    "mp-checkbox-group": "../components/checkbox-group/checkbox-group",

    "mp-form": "../components/form/form"

  }

 

}

2,FormPage

表单页面,规定了标准表单的顶部的标题和底部的按钮提示等区域的规范

 

代码引入

在 page.json 中引入组件

 

{

  "usingComponents": {

    "mp-form-page": "www.dglantun.com/components/form-page/form-page",

    "mp-form": "../../components/form/form"

  }

 

}

3,Cell

 

Cell是列表或者是表单的一项,常用于设置页的展示,或者用在表单中,作为表单的每一个要填写的项,Cell必须要放在Cells组件的下面。

 

4,Checkbox-group和Checkbox

Checkbox-group是由一组单选或者多选Checkbox组件组成,

Form

posted @   学无边涯  阅读(1675)  评论(0编辑  收藏  举报
编辑推荐:
· AI与.NET技术实操系列:基于图像分类模型对图像进行分类
· go语言实现终端里的倒计时
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
阅读排行:
· 25岁的心里话
· 闲置电脑爆改个人服务器(超详细) #公网映射 #Vmware虚拟网络编辑器
· 零经验选手,Compose 一天开发一款小游戏!
· 因为Apifox不支持离线,我果断选择了Apipost!
· 通过 API 将Deepseek响应流式内容输出到前端
历史上的今天:
2018-08-24 python学习第十五天字典的创建及增删改查操作方法
点击右上角即可分享
微信分享提示