重置表單(把表單的所有輸入元素重置為它們的默認值。): 1.使用reset按鈕,條件reset按鈕必須在form表單內部。 2. <input id="Button1" type="button" value="button" οnclick="form1.reset();" />可以不在表單內部。 用途示例:一般我們做添加頁面和編輯頁面時用的都是同一個頁面,這樣以來編輯后再添加時表單內容就需要清除,很多人在使用后臺代碼做清除工作如: ??????? protected void btnAdd_Click(object sender, EventArgs e) ??????? { ??????????? lblCaption.Text = "添加"; ??????????? ArticleType1.ddlTypeEnabled = false; ??????????? ArticleNoImg.txtTitleText = ""; ??????????? ArticleNoImg.fckContentText = ""; ??????????? ArticleType1.ddlTypeSelectValue = articleTypeId; ??????????? lblUpFileName.Visible = false; ??????????? lblDocFileName.Visible = false; ??????????? lblNotice.Visible = false; ??????????? imgBtnDelete.Visible = false; ???????????? ...... ??????????? SelectedId = ""; ??????????? ModalPopup.Show(); ??????? } 實際上我們可以更簡單些,使用js腳本來實現: <asp:Button ID="btnAdd" runat="server" Text="添 加" CausesValidation="False" OnClientClick="form1.reset();ModalPopup.style.display='';" /> 或者 <input id="Button1" type="button" value="button" οnclick="form1.reset();ModalPopup.style.display='';" /> 另外: 有些項(下拉框、復選列表、單選列表)我們只要有默認值,reset并不會把它們清除掉,而是自動設置成默認項。 ??? <asp:TextBox ID="TextBox1" runat="server">aaa</asp:TextBox> ??? <asp:CheckBoxList ID="CheckBoxList1" runat="server"> ??????? <asp:ListItem>aaa</asp:ListItem> ??????? <asp:ListItem Selected="True">bbb</asp:ListItem> ??????? <asp:ListItem Selected="True">ccc</asp:ListItem> ??? </asp:CheckBoxList> ??? <asp:RadioButtonList ID="RadioButtonList1" runat="server"> ??????? <asp:ListItem Selected="True">aa</asp:ListItem> ??????? <asp:ListItem>bb</asp:ListItem> ??????? <asp:ListItem>cc</asp:ListItem> ??? </asp:RadioButtonList> ??? <asp:DropDownList ID="DropDownList1" runat="server"> ??????? <asp:ListItem>aa</asp:ListItem> ??????? <asp:ListItem>bb</asp:ListItem> ??????? <asp:ListItem Selected="True">cc</asp:ListItem> ??? </asp:DropDownList> ??? <asp:ListBox ID="ListBox1" runat="server"> ??????? <asp:ListItem>a</asp:ListItem> ??????? <asp:ListItem Selected="True">b</asp:ListItem> ??????? <asp:ListItem>c</asp:ListItem> ??? </asp:ListBox> onsubmit,onreset的用法: <script type="javascript"> function check(theform) {? ????? 這里寫你要檢查一些輸入是否合法? ????? 如果合法就提交表單,去執行你的下個頁面(uurl)? ????? 如果不合法就return false;這樣就不提交頁面 } function tips(theform) { ??? 表單重置會清空當前內容,您確定要重置表單嗎? } </script> <form name="form1" action="uurl" οnsubmit="return(check(this));" οnreset="return tips(this);"> .... .... </form>? reture false;表示該事件完成之后,不再交給IE默認處理了, 一般提交按鈕的動作是這樣: 點擊按鈕->OnSubmit() ------ return true -> submit() | |--->return false 就不往下執行submit()了。 |