注冊/登錄,歡迎光臨!
加入收藏設為首頁網站地圖
您當前的位置:辛勤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.puwois.tw/
            //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.puwois.tw/
            //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
相關文章
最近更新
推薦信息
關于我們 | 聯系方式 | 對話本站 | 版權聲明 | 所有信息
福建体彩31选7走势图开奖7