七：表单标签（3）

七、radio 单选框

radio-group

属性名	类型	默认值	说明
bindchange	EventHandle		radio-group中的选中项发生变化时触发change事件，event.detai = {value : 选中项radio的value

radio

属性名	类型	默认值	说明
value	String		radio标识。当该radio选中时，radio-group的change事件会携带radio的value
checked	Boolean	false	当前是否选中
disabled	Boolean	false	是否禁用

他的写法其实和多选框一样的。。只不过功能不一样。他是单选。

/* ---page/test/test.wxml----*/

<radio-group class="radio-group" bindchange="radioChange">

<label class="radio" wx:for-items="{{items}}">

<radio value="{{item.name}}" checked="{{item.checked}}"/>{{item.value}}

</label>

</radio-group>

/* ---page/test/test.wxml----*/

/* ---page/test/test.js----*/

Page({

data: {

items: [

{name: ‘USA‘, value: ‘美国‘},

{name: ‘CHN‘, value: ‘中国‘, checked: ‘true‘},

{name: ‘BRA‘, value: ‘巴西‘},

{name: ‘JPN‘, value: ‘日本‘},

{name: ‘ENG‘, value: ‘英国‘},

{name: ‘TUR‘, value: ‘法国‘},

]

},

radioChange: function(e) {

console.log(‘radio发生change事件，携带value值为：‘, e.detail.value)

}

})

/* ---page/test/test.js----*/

八、slider 滑动选择器。

在轮播章节里讲述了。所以这里跳过。下面是api

属性名	类型	默认值	说明
min	Number	0	最小值
max	Number	100	最大值
step	Number	1	步长，取值必须大于 0，并且可被 (max - min) 整除
disabled	Boolean	false	是否禁用
value	Number	0	当前取值
show-value	Boolean	false	是否显示当前value
bindchange	EventHandle		完成一次拖动后触发的事件，event.detail = {value:value}

八、switch 开关组件

属性名	类型	默认值	说明
checked	Boolean	false	是否选中
disabled	Boolean	false	是否禁用
type	String	switch	样式，有效值：switch, checkbox
bindchange	EventHandle		checked改变时触发change事件，event.detail={ value:checked}

这里也只写了一下api 基本用法也很简单的 <switch />用法和单选框多选差不多的。

时间： 2024-08-25 12:55:05

七：表单标签（3）的相关文章

第七节认识SpringMVC中的表单标签

所谓成熟,就是:你要习惯,任何人的忽冷忽热:也要看淡,任何人的渐行渐远: --胖先生 SpringMVC的表单标签回顾: JSTL标签 --C标签 FMT标签自学:JSP如何自定义标签[开源社区当中有别人写好的标签] 表单标签:使用规则模拟开发环境: 1.更新操作 A.通过主键进行查询 B.JSP显示 C.提交表单 @RequestMapping(value="/update/{user_id}",method=RequestMethod.GET) public ModelAnd

表单标签动画畅想

引言今天来看一组表单标签动画效果,希望可以对大家有所帮助,灵感来自于Inspiration for Text Input和Text Input Love,一并致谢. 效果照例放在Codepen,虽少效果较慢,但值得期待.在线编辑,下载收藏. 搭建根基我们同样使用了haml来简化html书写. #container -(1..15).each do %div.row %label %input{:type=>"text"} %span姓名 %label %input{:type

springMVC(12)------表单标签的使用

spingmvc的form表单标签使用实例. 一,项目结构二,所需jar包 commons-logging.jar spring-aop-4.1.8.RELEASE.jar spring-beans-4.1.8.RELEASE.jar spring-context-4.1.8.RELEASE.jar spring-core-4.1.8.RELEASE.jar spring-expression-4.1.8.RELEASE.jar spring-web-4.1.8.RELEASE.jar spr

html（五） -- 表单标签

表单标签: 表单标签的作用是用于提交数据给服务器的. 表单标签的根标签是<form>标签常用的属性: action: 该属性是用于指定提交数据的地址. method: 指定表单的提交方式. get : 默认使用的提交方式. 提交的数据会显示在地址栏上. post : 提交的数据不会显示在地址栏上.注意: 表单项的数据如果需要提交到服务器上面,那么表单项必须要有name的属性值. 代码示例: 1 <!DOCTYPE html&g

Struts2中UI标签之非表单标签

1.非表单标签主要用于在页面生成一些非表单的可视化元素,例如Tab页面,输出HTML页面的树形结构等.当然,非表单标签也包含在页面显示Action里封装的信息,非表单标签主要有如下几个: a:生成一个超级连接(link). actionerror:如果Action实例的getActionError()方法返回不为null,则该标签负责输出该方法返回的系列错误. actionmessage:如果Action实例的getActionMessage()方法返回不为null,则该标签负责输出该方法返回的

HTML table、form表单标签的介绍

本篇主要介绍 table.form标签以及表单提交方式. 目录 1. <table> 标签:在HTML 中定义表格布局. 2. <form> 标签:用于创建 HTML 表单. 3. 表单提交方式:介绍get.post方法. 1. <table> 标签 1.1 说明在HTML 中定义表格布局. 1.2格式 <table> <caption></caption> <tr> <th></th></

SpringMVC表单标签简介

转自:SpringMVC表单标签简介在使用SpringMVC的时候我们可以使用Spring封装的一系列表单标签,这些标签都可以访问到ModelMap中的内容.下面将对这些标签一一介绍. 在正式介绍SpringMVC的表单标签之前,我们需要先在JSP中声明使用的标签,具体做法是在JSP文件的顶部加入以下指令: <%@taglib uri="http://www.springframework.org/tags/form" prefix="form" %>

html的表单标签

作用:用来采集用户输入的数据,然后发送给后台处理表单标签: <form> 表示一张表单常用属性: action: 表示提交的地址(提交给谁处理?) method: 表示提交的方式 get 1)把用户提交的参数暴露在浏览器的地址栏 2)敏感数据不适合用get提交 3)get方式提交的数据长度不超过1kb.例如编号数据 post 1)不会把用户提交的参数暴露在浏览器的地址栏 2)敏感数据适合post提交 3) post方式提交的数据长度没有限制(文件上传必须使用post方式) &

struts2学习笔记之十三（表单标签和非表单标签）

表单标签这些UI标签都可以指定cssClass,cssStyle来指定CSS样式,而且可以指定大量的onXxx属性,用于绑定JS函数 form : 表单 head :引入一些辅助的css样式单和js脚本 hidden :隐藏域 label :生成一个标签 password : 生成一个密码框 select :列表框 checkbox : 只是生成一个复选框 radio :不是生成一个单选框 file :生成一个文件上传域 textfield :单行文本域 textarea :多行文本域 sub

表单标签

表单标签:用于提交数据给服务器. 表单标签的跟标签是<form>标签. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <h

七： 表单标签（3）

radio-group

radio

七： 表单标签（3）的相关文章

七：表单标签（3）

七：表单标签（3）的相关文章