用微信小程序开店之七——小程序组件3:“表单”(1)
同学们好,近期忙于公司的事情,更新的慢了一些,望大家多担待。小编在此谢过了。感谢大家的支持,有你们真好。
闲言少叙,直接上干货。 ^_^
1、小程序基础组件总览(先放上基础组件总览图,帮助童鞋们回忆一下组件结构)
2、表单组件
新建一个test3页面,用于表单组件展示
(1)修改app.json文件,添加test页面及tabBar标签
(2)修改test3.json文件,调整导航条title:“您已进入test3页面”
(3)打开test3.wxss文件,添加“inputs_c”、“inputView”样式备用
(4)打开test3.wxml文件,添加两个“input”表单组件,一个用于存放用户名,另一个用于存放密码,引用刚才定义的input系列样式定义
(5)打开test3.wxss文件,添加“picView”、“image_c”样式,用于定义image组件示例
(6)打开test3.wxml文件,添加“image”组件(该组件属于下一课要讲到的“多媒体”组件),引用刚才定义的pic、image系列样式定义
(7)打开test3.wxss文件,添加“groupView”、“groupRowView”样式,用于展示“checkbox”、“radio”等表单组件样式
(8)打开test3.wxml文件,添加“checkbox”、“radio”表单组件,引用刚才定义的group系列样式定义
(9)打开test3.wxss文件,添加“buttonView”、“button_c”样式,备用
(10)打开test3.wxml文件,添加“button”表单组件,引用刚才定义的button系列样式定义
(11)打开test3.wxml文件,添加“form”表单组件,将之前添加的各个组件包含在“form”标签内
(12)打开test3.js文件,添加“form”表单事件处理函数,并为“用户名”、“密码”input组件添加“name”属性
(13)在“调试”模式下,点击“按钮组件”按钮,查看“submit”事件试验结果
用微信小程序开店之七——小程序组件3:“表单”(1)相关推荐
- 很棒的 Django 应用程序、项目和资源的精选表单
目录 管理界面 分析 资产管理 验证 授权 博客管理 样板 缓存 兼容性 客户关系管理 仪表盘 数据科学 数据库 调试 电子邮件 字段 文件传输 形式 地理信息系统 图像处理 进出口 迁移 移动支持 ...
- 用微信小程序开店之三——小程序还有5秒准备就绪……全军出击
上一讲,简要讲述了微信小程序demo示例的生成,直观上感受了一下小程序的基本操作.本讲接着讲解:小程序基本组成及框架结构. 1.小程序基本组成 微信小程序 = javascript + 小程序代码框架 ...
- 用微信小程序开店之八——小程序组件4:“表单”(2)
上回书讲到"表单"组件的:View.input.checkbox-group.radio-group.lable.button标签组件,并给出编程示例进行效果展示.今天继续讲&qu ...
- 小飞鱼通达二开 通达OA工作流表单标题下拉列表字体样式设置(图文)
今天的一个流程表单里使用了下拉列表框,如下图: 在设计视图和预览时都没有问题,只是在流程查询时显示的不正常.表单上的样式对于变成文字后的数据不再起作用. 小飞鱼经过研究,发现原来是系统在数据浏览页面时 ...
- 青春不常在,抓紧谈恋爱小案例,表格标签、列表标签、表单标签 的综合练习
青春不常在,抓紧谈恋爱小案例里面要用到的知识点: <select>下拉列表. <ul>无序列表. 表格标签 <table> </table>是用于定义表 ...
- 用微信小程序开店之四——小程序是怎样练成的
最近几天小编的办公室搬家.时间紧,活儿有点儿糙,请多担待.好了,闲言少叙,直奔主题.上一讲给大家介绍了小程序基本组成和框架结构,今天就通过一个页面实例为大家展示上回提到的各个配置项和代码文件是如何协同 ...
- 用微信小程序开店之六——小程序组件2:“基础内容”
上一讲讲了"视图容器",本讲继续我们的"小程序组件"之旅. 1.小程序基础组件总览 2.基础内容组件 在上讲示例基础上,基于"测试页面2"继 ...
- 关于微信小程序中uView中通过packer选择器修改表单无法触发form组件的表单验证的问题
uView中使用form表单组件,如果form-item为正常的input组件,在输入和修改form-item绑定的变量的时候,都会触发form表单的表单验证事件 但是如果form-item中不是in ...
- 钉钉小程序复选框 全选反选 表单获取内容有误处理
问题描述 我的每一个复选框 是 利用 data声明的数组进行循环 遍历出来的 然后当我点击全选及反选的时候 我操作了data中的item 遍历修改了 ischeck属性 页面上也是利用这个属性显 ...
最新文章
- NR 5G AMF重定向的注册流程
- (2)JavaScript数据类型
- 选择纯种犬还是杂种犬?
- html隐藏定位,html – 如何使绝对定位(溢出:隐藏)容器的绝对定位的子项显示在其父项区域之外?...
- MyBatis 源码解读-propertiesElement()
- 启动Cognos时报0106错误
- python11-28笔记(1.6-1.7)
- mybatis那些事~
- 变量命名规则_Java变量与常量
- 移动开发day4_京东移动页面
- jmeter性能测试用户参数参数化
- zookeeper OOM问题排查
- d2rq java,知识图谱学习与实践(6)——从结构化数据进行知识抽取(D2RQ介绍)...
- allergro音乐术语什么意思_「8D音乐」里的 8 是什么意思?
- 蓝桥杯2015年第六届C/C++B组省赛第八题-移动距离
- 闭关修炼了5个月的源码,终于拿到蚂蚁金服Offer
- 我说我水平高,因为我CSDN博客排名前100
- ai杀手级_设计师的10个杀手级Adobe Photoshop技巧
- python gtk_python-gtk学习笔记
- sstream类的详解