`
paladin1988
  • 浏览: 326309 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

javascript清空表单

 
阅读更多
<form id="form1" method="post"> 
<input type="text" /> 
<input type="text" /> 
<input type="button" value="clear" onclick="resetForm()" /> 
</form> 

推荐使用第二种方法

javascript 清空表单的方法

function resetForm() {
var elements = document.forms[0].elements;
for(var i=0; i<elements.length;i++)
{
		if(v[i].type=="text")
			v[i].value="";
}
}

functionresetForm() {
var elements = document.getElementsByTagName("input");
for(var i=0: i<elements.length; i++) {
		if(elements[i].type=="text") {
			elements[i].value="";
		}
}
}

 

分享到:
评论

相关推荐

    清空表单标签js

    在JavaScript(简称JS)中,清空表单标签通常是网页交互中常见的操作,尤其是在用户提交数据后重置表单或者在某些动态事件触发时需要清除输入的值。本篇文章将详细探讨如何使用JavaScript来实现这一功能,以及相关...

    javascript 清空form表单中某种元素的值

    通过上述的解释和示例,我们可以了解到如何用JavaScript清空表单中特定类型元素的值。在实际开发中,根据不同的需求和场景,我们可以灵活运用这两种方法或结合其他JavaScript知识,达到预期的表单处理效果。

    javascript处理表单大全

    ### JavaScript处理表单大全 #### 一、表单数据验证 **1. 长度限制** 当用户在文本框中输入超过指定长度时,通过JavaScript进行限制。 ```javascript function test() { if (document.a.b.value.length &gt; 50) {...

    使用JavaScript 完成表单的自动计算

    当我们需要在表单中实现数据的实时计算时,JavaScript就显得尤为关键。本篇将深入探讨如何利用JavaScript完成表单的自动计算,以提高用户体验并简化前端逻辑。 一、基本概念 1. JavaScript:JavaScript是一种解释...

    Vue 一键清空表单的实现方法

    本文将详细介绍Vue中实现一键清空表单数据的方法,并通过示例代码阐述具体的实现细节。 首先,了解什么是表单清空。表单清空指的是将表单中所有输入字段恢复到初始状态,即将表单的数据重置为默认值或空值。在Vue...

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

    在jQuery或原生JavaScript中,可以通过ID选择器获取到这个表单元素,然后调用`reset()`方法来清空表单数据: ```javascript $("#addGoodsForm")[0].reset(); ``` 这里`[0]`是获取到DOM元素,因为jQuery对象是一个...

    jquery清空表单数据示例分享

    在前端开发中,经常需要通过JavaScript处理HTML表单,例如提交表单数据、清空表单数据等。使用jQuery库可以简化这些操作。本知识点将详细介绍如何使用jQuery清空表单数据,并提供具体的代码示例。 ### jQuery清空...

    Javascript的表单验证-提交表单_.docx

    在本文中,我们将深入探讨如何使用JavaScript进行表单验证,特别是在提交表单时确保数据的安全性和有效性。 首先,表单验证的重要性在于防止“坏数据”到达服务器。这不仅能够节省服务器资源,还能提高用户体验,...

    javascript表单验证大全

    JavaScript 表单验证是网页开发中的重要一环,它确保用户在提交数据前输入的数据符合预设的规则,从而提高用户体验并减少服务器端处理错误数据的压力。以下是对给定文件中涉及的一些JavaScript表单验证技术的详细...

    javascript (2)_表单美化_javascript_

    6. **表单重置与清空**:JavaScript可以轻松地实现一键清空所有输入,或者恢复到初始状态。 7. **表单状态管理**:在表单中,可以利用JavaScript跟踪用户填写进度,比如用类名标记已填写的字段。 在提供的压缩文件...

    javascript实现页面刷新时自动清空表单并选中的方法

    综上所述,本文介绍的利用JavaScript实现页面刷新时自动清空表单并聚焦到特定字段的技术,是基于`reset()`和`focus()`方法的基础应用。在实际开发中,根据表单的具体需求和用户的实际操作习惯,可能需要进行相应的...

    Javascript的表单验证-提交表单

    本文主要探讨的是如何使用JavaScript进行表单验证,确保用户在提交表单时输入的数据符合预设的规则,防止无效或恶意的数据到达服务器。 在HTML中,表单是收集用户输入数据的基本元素。为了确保用户输入的有效性,...

    js清空form表单中的内容示例

    在JavaScript中,清空表单(form)的内容是常见的需求,尤其在用户完成表单提交或者需要重置表单时。本示例提供了一个全面的方法,涵盖了多种表单元素类型,确保可以有效地清除所有相关数据。以下是详细的知识点解析...

    AjAX JavaScript中使用表单实现留言功能

    2. 使用JavaScript监听表单的提交事件,阻止默认行为。 3. 创建XMLHttpRequest对象,设置请求方法、URL和数据类型。 4. 发送AJAX请求,携带用户输入的留言内容。 5. 处理服务器响应,根据状态码判断请求是否成功,并...

    JavaScript网页表单元素Input的高级用法

    ### JavaScript网页表单元素Input的高级用法 在Web开发中,`&lt;input&gt;`元素是构建用户交互界面的重要组成部分之一。通过JavaScript可以实现对`&lt;input&gt;`元素的高级操作,从而提升用户体验、增加表单的有效性和安全性。...

    js清空表单数据的两种方式(遍历+reset)

    本文将介绍两种在JavaScript中实现清空表单数据的方法:一种是通过遍历表单元素,另一种是通过触发reset按钮。这两种方法各有其适用场景和优势,下面将详细解释这两种方法的实现机制和使用技巧。 ### 方法一:通过...

Global site tag (gtag.js) - Google Analytics