<script language="JavaScript" type="text/javascript">
<!--
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; }
}
}
//-->
</script>
分享到：
相关推荐
提交表单通常是用来发送用户输入的数据到服务器，而重置表单则是将表单的所有字段恢复到初始状态，清除用户输入的信息。在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`...
Layui是一个前端UI框架，它为开发者提供了一系列美观的组件，用于快速构建网页界面。...通过遵循这些步骤，可以有效地解决点击重置按钮后select元素未被重置的问题，并确保用户界面的正常工作和良好的用户体验。
在这个例子中，`myForm`是表单的ID，通过`getElementById`方法获取该表单元素，并调用其`reset()`方法，实现表单重置。 ### 二、使用事件触发重置 除了直接调用`reset()`方法，还可以通过监听事件来触发表单的重置...
⑧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>`用于输入文本。 - 获取文本框的值，...