`
Philos
  • 浏览: 79354 次
  • 性别: Icon_minigender_1
  • 来自: Pekin
社区版块
存档分类
最新评论

有初始值的form表单元素重置(reset)解决方案

阅读更多
function clearForm(formName) {
			
    var formObj = document.forms[formName];
    var formEl = formObj.elements;
				
    for (var i=0; i<formEl.length; i++){
        var element = formEl[i];
					
        if (element.type == 'submit') { continue; }
	if (element.type == 'reset') { continue; }
	if (element.type == 'button') { continue; }
	if (element.type == 'hidden') { continue; }
					
	if (element.type == 'text') { element.value = ''; }
	if (element.type == 'textarea') { element.value = ''; }
	if (element.type == 'checkbox') { element.checked = false; }
	if (element.type == 'radio') { element.checked = false; }
	if (element.type == 'select-multiple') { element.selectedIndex = -1; }
	if (element.type == 'select-one') { element.selectedIndex = -1; }
    }
}

 

分享到:
评论
1 楼 yaweidai 2011-06-13  
帅哥,我测试了没有用呀?

相关推荐

    使用jQuery重置(reset)表单的方法

    提交表单通常是用来发送用户输入的数据到服务器,而重置表单则是将表单的所有字段恢复到初始状态,清除用户输入的信息。在jQuery中,这两个操作有着不同的实现方式。 首先,我们来看一下如何使用jQuery来提交一个...

    jQuery实现form表单reset按钮重置清空表单功能

    ### 知识点一:使用jQuery实现form表单重置按钮功能 当需要在表单提交后清空表单数据,可以借助jQuery库来实现这一功能。在用户界面上通常有一个“重置”或“取消”按钮,用于将表单中各字段的数据还原至初始状态,...

    JavaScript实现重置表单(reset)的方法

    需要注意的是,reset()方法会将所有表单控件重置为在HTML中指定的初始值。如果在编写HTML表单时未指定初始值,那么reset()方法将使表单控件恢复到其默认状态,这可能是空值或者浏览器的默认行为。 除了使用...

    jquery js 重置表单 reset()具体实现代码

    当用户完成表单填写并提交后,通常需要将表单重置为初始状态,以便用户可以再次填写或清除之前的输入。在JavaScript中,这个功能可以通过调用`reset()`方法来实现,但在jQuery中,直接使用`reset()`方法并不适用,...

    layui清空,重置表单数据的实例

    `reset()`方法会将表单恢复到初始状态,所有输入框的值都会被清除。 此外,layui还提供了自己的API来处理表单渲染,因此在清空表单后,为了保持表单的显示效果与实际数据同步,通常需要调用`layui.form.render()`来...

    清空表单标签js

    1. 使用`reset()`方法:每个`&lt;form&gt;`标签都内置了一个`reset()`方法,它能恢复表单到初始状态,即所有输入控件的值都被清除。例如,如果你有一个ID为"myForm"的表单,可以这样调用: ```javascript document....

    对于Form表单reset方法的新认识

    在HTML的Form表单中,`reset`方法是一个至关重要的功能,它允许用户撤销他们在表单中的所有修改,恢复到初始状态。这个方法通常与一个重置按钮关联,当用户点击该按钮时,表单的所有输入字段将被重置。然而,关于`...

    js 验证表单中的值是否改变

    这个`validateForm`函数遍历了表单中的所有元素,忽略掉非输入类型和提交、重置、按钮等元素,然后比较每个元素的默认值(`defaultValue`)和当前值(`value`)。如果有任何元素的值发生了改变,函数就会返回`true`...

    layui 点击重置按钮, select 并没有被重置的解决方法

    Layui是一个前端UI框架,它为开发者提供了一系列美观的组件,用于快速构建网页界面。...通过遵循这些步骤,可以有效地解决点击重置按钮后select元素未被重置的问题,并确保用户界面的正常工作和良好的用户体验。

    Reset-form-[removed]使用 javascript 重置表单

    在这个例子中,`myForm`是表单的ID,通过`getElementById`方法获取该表单元素,并调用其`reset()`方法,实现表单重置。 ### 二、使用事件触发重置 除了直接调用`reset()`方法,还可以通过监听事件来触发表单的重置...

    前端与移动开发之表单

    ⑧submit(可以把表单域里面元素提交给后台)和reset(还原表单中数据到初始状态)里面通过value属性可以改变文字 5.表单标签 都应该在form里面 增加用户体验 帮助表单元素提高作用域 (1)...

    网页设计基础-14表单元素.pdf

    `value`属性定义了按钮上的文本或输入数据的初始值。 **标签** `&lt;input&gt;`标签是最常用的表单元素,它具有多个类型,如`type="text"`、`type="password"`、`type="radio"`等。每个类型对应不同的用户界面和功能。...

    JS动态表单

    8. **表单重置与清空**:`reset()`方法可以恢复表单到初始状态,而`removeChild()`则可以删除已添加的表单元素,从而实现清空表单的功能。 9. **表单数据的本地存储**:如果需要在用户关闭页面后仍保留表单数据,...

    Form元素总结.doc

    3. `value`:设置初始值。 4. `maxlength`:限制输入的最大字符数。 5. `readonly`:设置为只读。 6. `disabled`:禁用输入控件。 7. `required`:设置为必填项。 8. `placeholder`:输入框的提示文字。 9. `...

    Form元素总结[参考].pdf

    6. `&lt;button&gt;`: 提供三种类型`submit`、`reset`和`button`,分别对应提交表单、重置表单和自定义按钮功能。 7. `&lt;output&gt;`: 显示计算或脚本的结果,与`for`属性关联其他表单元素。 **表单事件** 1. `oninput`: 当...

    Form的HTML

    `&lt;input type="reset"&gt;`用于创建一个重置按钮,用户点击后可将所有表单字段恢复为初始值。 #### 提交按钮(submit) `&lt;input type="submit"&gt;`用于创建一个提交按钮,用户点击后会将表单数据发送到服务器。 ### ...

    第七章 JavaScript表单编程

    - 使用`reset`按钮(type="reset")或调用`form.reset()`方法可以恢复表单到初始状态。 5. **脚本访问文本框**: - 单行文本框`&lt;input type="text"&gt;`和多行文本框`&lt;textarea&gt;`用于输入文本。 - 获取文本框的值,...

Global site tag (gtag.js) - Google Analytics