表单

简介

主要介绍简单的HTML控件,表单Form。


使用方法

2.1. 静态框架使用方法仅EAS7.5版本
<wafctrl:form id="form_1" style="height:30px;width:100%;border:1px dotted">
</wafctrl:form>
2.2. JS动态创建EAS8.0+
var options={id:"form_1"}
var dom = waf.createDOM("form", options);
waf.appendDOM(waf("body"), dom);
waf.initComponent("form", options, dom);
2.3. 通用DOM创建EAS8.0+
<form id='form_1'></form>
<!--DOM创建好之后,使用js初始化控件-->
var options = {method:"post"};
waf("#form_1").wafForm(options);
2.4. 方法&事件使用EAS7.5+
//调用方法
waf("#id").wafForm('method', parameter...);
//eg:获取和设置值
waf("#id").wafForm("getValue");
waf("#id").wafForm("setValue","form_2");
//eg:更改事件
waf("#id").wafForm("option","onchange",fn);

属性说明

id String 缺省值: null 不可以在运行期改变 EAS7.5+

​定义form控件的id

action String 缺省值: null EAS7.5+

定义form控件的action

accept String 缺省值: null EAS7.5+

定义form控件提交的文件的类型

acceptCharset String 缺省值: null EAS7.5+

定义服务器处理表单数据所接受的字符集

enctype String 缺省值: null EAS7.5+

规定表单数据在发送到服务器之前应该如何编码

method String 缺省值: null EAS7.5+

规定如何发送表单数据,get/post

name String 缺省值: null EAS7.5+

定义表单的名称

target String 缺省值: null EAS7.5+

定义表单控件在何处打开,一般值为_blank,_parent,_self,_top,framename。

tagClass String 缺省值: null EAS7.5+

​定义表单控件的样式类

style String 缺省值: null EAS7.5+

定义表单控件的样式style

validateOptions String 缺省值: null EAS7.5+

定义表单控制的校验规则

hidden boolen 缺省值: false 不可以在运行期改变 EAS7.5+

定义表单是否隐藏


方法说明

option 参数: (property[,value]) 返回值类型: (any) EAS7.5+

获得或设置form控件某属性的值,当value参数存在时,设置控件的property属性值,且无返回值,否则返回控件的property属性值。参考样例

  • 参数说明:
  • property-必要参数,form控件的属性value-可选参数,form控件的属性值
  • 返回值说明: 当value参数不存在时,有返回值,该返回值为与property对应的属性值,可以是任意类型的javascript对象。

option 参数: (options) 返回值类型: (无) EAS7.5+

对控件多个属性进行一次性设置。参考样例

  • 参数说明:
  • options-形式如{property:value[,property1:value1,…]}的json对象,用来描述表单的属性和相应的值
  • 返回值说明: 无

appendChildren 参数: (source,pos) 返回值类型: (无) EAS7.5+

向form控件中增加内容。 参考样例

  • 参数说明:
  • source-需要往form中增加的内容,可以是任意的HTML内容或者JQuery对象,一般为对应的具体控件,比如text,f7等。pos-追加到那个位置,可以不传递,如果不传递,默认追加到最后。
  • 返回值说明: 无

removeChildren 参数: (source) 返回值类型: (无)。 EAS7.5+

删除form控件中子元素内容。参考样例

  • 参数说明:
  • source-可以是id字符串或者其对应的Jquery对象,一般为对应的具体控件,比如text,f7等。
  • 返回值说明: 无

样例集合

  1. 表单示例