關於html5中form表單的reset

這是一篇關於html5中form表單的reset的文章，它主要講述了form表單中reset的幾種用法，下面就讓我們學習一下吧！

重置表單(把表單的所有輸入元素重置為它們的默認值。):

1.使用reset按鈕，條件reset按鈕必須在form表單內部。

2. 可以不在表單內部。

用途示例：一般我們做添加頁面和編輯頁面時用的都是同一個頁面，這樣以來編輯後再添加時表單內容就需要清除，很多人在使用後台代碼做清除工作如：

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腳本來實現：

或者

另外：

有些項(下拉框、復選列表、單選列表)我們只要有默認值，reset並不會把它們清除掉，而是自動設置成默認項。

aaa

aaa

bbb

ccc

aa

bb

cc

aa

bb

cc

a

b

c

onsubmit,onreset的用法：

....

....

reture false;表示該事件完成之後，不再交給IE默認處理了，

一般提交按鈕的動作是這樣：

點擊按鈕->OnSubmit() ------ return true -> submit()

|

|--->return false 就不往下執行submit()了。

以上就是我們為大家提供的html5中form表單的reset用法，希望能夠解決大家的問題。