注册/登录,欢迎光临!
加入收藏设为首页网站地图
您当前的位置:辛勤IT网 >> 程序源码 >> asp.net >> htmlinputbutton/htmlinputsubmit/htmlinputreset(控件)
热门:word | excel | powerpoint

htmlinputbutton/htmlinputsubmit/htmlinputreset(控件)

2012/12/11 13:59:06 所属分类:程序源码 - asp.net
内容提要:详细介绍htmlinputbutton/htmlinputsubmit/htmlinputreset(控件)的使用,这里以做个加法运算的小例子,来说明htmlinputbutton/htmlinputsubmit/htmlinputreset(控件)的使用方法:

    这里以做个加法运算的小例子,来说明htmlinputbutton/htmlinputsubmit/htmlinputreset(控件)的使用方法:
   
    具体做法如下:

    这里介绍两种方法,一种是在客服端执行,一种是在服务器端执行。

    一. 在客户端执行

    前台设计,拖入两个textbox输入框,拖入htmlinputbutton/htmlinputsubmit/htmlinputreset(控件) 这三个控件,分别是“添加button”,“添加submit”,“重置reset”,排列成如图1:

图1

    这里分别在前台页面里面通过js来实现加法运算:

    1)添加button:在按钮标签里面加上onclick="return btn_add_onclick()"的事件,,调用js。
Js写上

    2) 添加submit:在按钮标签里面加上onclick="return bsu_add_onclick()"的事件,            type="submit" value="添加"submit"  onclick="return bsu_add_onclick()" />,调用js。

    3) 重置reset:把按钮拖到界面就好使,这里直接就有把textbox清空重新填写的功能。

    运行结果如图2:

图2

    二. 在服务器端执行

    前台设计一样,只是在标签里面加上,runat="server"标记,这样HTML控件就可以在服务器端执行事件了。注:这里重置reset控件是不能在服务器端执行的。

    代码如下:
protected void Addbuton_Click(object sender, EventArgs e)
        {
            //站长:辛勤网
            //2012-12-10
            //官网:http://www.xinqinsheji.com/
            //runat="server" 的控件才能引用得到,HTML重置按钮不支持onserverclick
            if (txt_aa.Value != "" && txt_bb.Value != "")
            {
                sumserver.InnerHtml = (Convert.ToInt32(txt_aa.Value) + Convert.ToInt32(txt_bb.Value)).ToString();
            }
        }
        protected void Addsubmit_Click(object sender, EventArgs e)
        {
            //站长:辛勤网
            //2012-12-10
            //官网:http://www.xinqinsheji.com/
            //runat="server" 的控件才能引用得到,HTML重置按钮不支持onserverclick 
            if (txt_aa.Value != "" && txt_bb.Value != "")
            {
                sumserver.InnerHtml = (Convert.ToInt32(txt_aa.Value) + Convert.ToInt32(txt_bb.Value)).ToString();
            }
        }

    运行如图3:

图3

    这样两种方法都可以实现,但是辛勤网主要是还是推荐第一种方法,客户端执行,减少服务器压力。

程序源码 | asp.net
相关文章
最近更新
推荐信息
关于我们 | 联系方式 | 对话本站 | 版权声明 | 所有信息