srczh表单可以参考srczh.css中表单类型以及定义，当前 srczh.js中的表单拓展了自动类型构建、数据绑定、数据提交验证等。 要使用srczh.js中的表单功能，请在页面中引入srczh.form.js。
| src_form | |||
| id/class | * | form对象 | 必须 |
| type | fm-a,fm-b | src-form定义类型 | 必须 |
| size | inp-1,inp-2,inp-3 | 表单元素大小 | 默认inp-2 |
| col | 1,2 | 表单列数 | 默认1 |
| data | ture,false | 提交是否验证 | 默认false |
| tip | src-tip,src-layer | 验证提示 | 默认src-tip |
| submit | ajax | 提交方式 | 非必须 |
| callback | 回调函数名 | 指定ajax提交方式后允许指定回调函数 | 默认callback-表单名 |
在使用src_form对象创建表单需要对表单元素进行功能属性定义
1.输入框需要使用属性placeholder或title定义标题
2.使用icon指定图标,允许前后两个。如icon="i1,i2",只使用后面1个可以icon=",i2"
1.checkbox元素使用srczh.css样式需指定class="ck-inp",使用src-swh开关模式只需指定pclass='swh-1'或'swh-2'
2.使用属性title定义标题
3.使用label定义选择正文
1.radio元素使用srczh.css样式需指定class="rd-inp"
2.使用属性title定义标题
3.使用label定义选择正文
需要使用属性title定义标题
需要使用属性title定义标题
| 验证属性 | |||
| form | data | true,false | 控制该表单是否验证 |
| formtype | ajax | 是否ajax提交 | |
| input | data_type | int | 输入必须是整数 |
| float | 输入是小数数字 | ||
| string | 输入是字符串 | ||
| date | 输入是日期 | ||
| datetime | 输入是日期时间 | ||
| time | 输入是时间 | ||
| 输入是邮箱 | |||
| tel | 输入是电话 | ||
| mobile | 输入是手机号 | ||
| 输入是邮箱 | |||
| url | 输入网址 | ||
| cardID | 输入是身份证号 | ||
| radio | data_type | radio | 单选按钮 |
| checkbox | data_type | checkbox | 多选按钮 |
| select | data_type | select | 下拉选择框 |
| file | data_type | file | 文件上传 |
| 输入长度 | data-size | *,*-* | 数据长度非必须,允许格式单个数值或最小-最大两个数值 |
| 辅助提示 | sig | true,false | 控制该属性是否添加sig标识提示 |
使用表单类别 fm-a,fm-b 定义一个表单。
使用src_form创建 1列， fm-a样式表单 带验证
srczh.com
srczh.jar
srczh.js
srczh.css
srczh.ide
srczh.db
srczh.dw
srczh.run
var ps={id:'forma',type:"fm-a",size:"inp-2",col:1,tip:"tips",submit:"ajax",data:true};
new src_form(ps);
同样表单元素创建fm-b样式
//使用src_form创建 2列 ，fm-b样式表单带验证
var ps={id:'***',type:"fm-b",size:"inp-2",col:2,tip:"layer",submit:"ajax",data:true};
new src_form(ps);