htmlinputbutton/htmlinputsubmit/htmlinputreset(控件)

时间:2021-04-16

这里以做个加法运算的小例子,来说明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

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

声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。

相关文章