logo

iMAG移动应用开发指南

InputSubmit

表单提交按钮

标签

标签名 描述 说明
input-submit 表单提交按钮标签 用于点击提交表单

属性

属性名 取值 描述
id String id编码
style String
input-submit样式,包括:
name String 表单项名称
value String 表单项的值
disabled Boolean 禁用状态
true:禁用状态
false:非禁用状态,默认值
icon String 按钮图标文件名,多个用逗号分隔
onclick Javascript 点击时触发的脚本
onfocus Javascript 获得焦点时触发的脚本
onblur Javascript 失去焦点时触发的脚本

方法

方法名 参数 返回值 描述
css(name:String) name:样式名称 String 根据样式名称得到样式的值
css(name:String, value:String)
name:样式名称
value:样式值
None 设置单个样式
css(style:String) style:样式文本,多个样式用分号分隔 None 设置多个样式
css(style:Object) style:样式对象,键值对形式 None 设置多个样式

控件详解

● 提交按钮

<input type="submit" id="test_submit" name="submit" value="提交"/>

效果:

● 用Sumbit按钮提交表单

<?xml version="1.0" encoding="utf-8"?>
<imag>
    <page>
       <title>
            <center>
                <label>用Sumbit按钮提交表单</label>
            </center>
        </title>
        <content draggable="true">
            <form id="form" action="http://www.imagapp.com/download/data/form_submit_ret.jsp" progress="提交表单|正在提交表单,请稍后...">
                <list type="group">
                    <item style="col-width:60,*">
                        <col>
                           <row><label>用户名</label></row>
                        </col>
                        <col>
                           <row>
                               <input type="text" name="username" value="terry"/>
                           </row>
                        </col>
                    </item>
                    <item style="col-width:60,*">
                        <col>
                           <row><label>密码</label></row>
                        </col>
                        <col>
                           <row>
                               <input type="password" name="password" value="123"/>
                           </row>
                        </col>
                    </item>
                    <item>
                        <row><input type="submit" style="width:100;align:center" value="提交"/></row>
                    </item>
                </list>
             </form>
        </content>
    </page>
</imag>

后台form_submit_ret.jsp代码:

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<% 
    String username = request.getParameter("username");
    String password = request.getParameter("password");
%>
<?xml version="1.0" encoding="utf-8"?>
<imag>
    <page>
         <title>
             <center>
                 <label>登录结果</label>
             </center>
         </title>
         <content draggable="true">
             <list type="group">
                <item>
                    <label>用户名:<%=username%></label>
                </item>
                <item>
                    <label>密码:<%=password%></label>
                </item>
                <% if ("terry".equals(username) && "123".equals(password)) { %>
                <item>
                    <label style="color:blue" onclick="$page.close()">登录成功</label>
                    <button onclick="$page.close()">关闭</button>
                </item>
                <% } else { %>
                <item>
                    <label style="color:red">登录失败</label>
                </item>
                <% } %>
             </list>
         </content>
   </page>
</imag>

用Submit按钮提交表单,在后台接收表单数据之后返回下一个页面的xml,注意此时如果返回的不是符合iMAG规范的xml页面会提示XML格式错误。 因此Submit按钮提交仅适用于“本地开发”和“在线应用”的情况,“在线开发”和“离线应用”因为都是手机本地xml页面文件,要使用form.submit(success:Function, error:Function)方法提交表单数据。

● 其他用法

其他用法和InputText类似,请参考InputText

示例下载

点此下载input-submit相关的示例代码:imag-input-submit.zip