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; }
}
}
分享到:
相关推荐
提交表单通常是用来发送用户输入的数据到服务器,而重置表单则是将表单的所有字段恢复到初始状态,清除用户输入的信息。在jQuery中,这两个操作有着不同的实现方式。 首先,我们来看一下如何使用jQuery来提交一个...
### 知识点一:使用jQuery实现form表单重置按钮功能 当需要在表单提交后清空表单数据,可以借助jQuery库来实现这一功能。在用户界面上通常有一个“重置”或“取消”按钮,用于将表单中各字段的数据还原至初始状态,...
需要注意的是,reset()方法会将所有表单控件重置为在HTML中指定的初始值。如果在编写HTML表单时未指定初始值,那么reset()方法将使表单控件恢复到其默认状态,这可能是空值或者浏览器的默认行为。 除了使用...
当用户完成表单填写并提交后,通常需要将表单重置为初始状态,以便用户可以再次填写或清除之前的输入。在JavaScript中,这个功能可以通过调用`reset()`方法来实现,但在jQuery中,直接使用`reset()`方法并不适用,...
`reset()`方法会将表单恢复到初始状态,所有输入框的值都会被清除。 此外,layui还提供了自己的API来处理表单渲染,因此在清空表单后,为了保持表单的显示效果与实际数据同步,通常需要调用`layui.form.render()`来...
1. 使用`reset()`方法:每个`<form>`标签都内置了一个`reset()`方法,它能恢复表单到初始状态,即所有输入控件的值都被清除。例如,如果你有一个ID为"myForm"的表单,可以这样调用: ```javascript document....
在HTML的Form表单中,`reset`方法是一个至关重要的功能,它允许用户撤销他们在表单中的所有修改,恢复到初始状态。这个方法通常与一个重置按钮关联,当用户点击该按钮时,表单的所有输入字段将被重置。然而,关于`...
这个`validateForm`函数遍历了表单中的所有元素,忽略掉非输入类型和提交、重置、按钮等元素,然后比较每个元素的默认值(`defaultValue`)和当前值(`value`)。如果有任何元素的值发生了改变,函数就会返回`true`...
在这个例子中,`myForm`是表单的ID,通过`getElementById`方法获取该表单元素,并调用其`reset()`方法,实现表单重置。 ### 二、使用事件触发重置 除了直接调用`reset()`方法,还可以通过监听事件来触发表单的重置...
Layui是一个前端UI框架,它为开发者提供了一系列美观的组件,用于快速构建网页界面。...通过遵循这些步骤,可以有效地解决点击重置按钮后select元素未被重置的问题,并确保用户界面的正常工作和良好的用户体验。
⑧submit(可以把表单域里面元素提交给后台)和reset(还原表单中数据到初始状态)里面通过value属性可以改变文字 5.表单标签 都应该在form里面 增加用户体验 帮助表单元素提高作用域 (1)...
`value`属性定义了按钮上的文本或输入数据的初始值。 **标签** `<input>`标签是最常用的表单元素,它具有多个类型,如`type="text"`、`type="password"`、`type="radio"`等。每个类型对应不同的用户界面和功能。...
8. **表单重置与清空**:`reset()`方法可以恢复表单到初始状态,而`removeChild()`则可以删除已添加的表单元素,从而实现清空表单的功能。 9. **表单数据的本地存储**:如果需要在用户关闭页面后仍保留表单数据,...
3. `value`:设置初始值。 4. `maxlength`:限制输入的最大字符数。 5. `readonly`:设置为只读。 6. `disabled`:禁用输入控件。 7. `required`:设置为必填项。 8. `placeholder`:输入框的提示文字。 9. `...
6. `<button>`: 提供三种类型`submit`、`reset`和`button`,分别对应提交表单、重置表单和自定义按钮功能。 7. `<output>`: 显示计算或脚本的结果,与`for`属性关联其他表单元素。 **表单事件** 1. `oninput`: 当...
`<input type="reset">`用于创建一个重置按钮,用户点击后可将所有表单字段恢复为初始值。 #### 提交按钮(submit) `<input type="submit">`用于创建一个提交按钮,用户点击后会将表单数据发送到服务器。 ### ...
- 使用`reset`按钮(type="reset")或调用`form.reset()`方法可以恢复表单到初始状态。 5. **脚本访问文本框**: - 单行文本框`<input type="text">`和多行文本框`<textarea>`用于输入文本。 - 获取文本框的值,...