您现在的位置: 万盛学电脑网 >> 程序编程 >> 网页制作 >> Html5 >> 正文

关于html5中form表单的reset

作者:佚名    责任编辑:admin    更新时间:2022-06-22

这是一篇关于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用法,希望能够解决大家的问题。