`

js form 重置

阅读更多

在重置按钮在form表单中,可以加入一个input, type="reset":

 
<form >
  <input type="text"/>
  <input type="reset" value="reset" />
</form>
 

 

在重置按钮不在form表单中,上面的重置按钮就不管用了,如何重置表单中的内容呢?

内容重置的实现:

<script type="text/javascript">
    function ResetControl() {
     var v = document.forms[0].elements;
     for (var i = 0; i < v.length; i++) {
         if (v[i].type == "text") {
             v[i].value = "";
         } else if (v[i].type == "select-one") {
         v[i].options[0].selected = true;
         }
     }
  }
</script>
分享到:
评论

相关推荐

    jquery.form.js

    function initAjaxForm(_formId,_rollback,_validate,_dataType){ var options = new Object(); if(typeof(_rollback) == "string"){ options.target = _rollback; } options.beforeSubmit = function...

    jquery.form.js中文API.pdf

    jquery.form.js是一款基于jQuery的扩展插件,用于以AJAX方式提交表单。在本篇文章中,我们将详细探讨该插件所提供的方法以及它们的用法和选项。 首先,我们需要了解插件的基本使用方法。通过调用`.ajaxForm()`方法...

    vue实现重置表单信息为空的方法

    在Vue.js框架中,表单处理是开发过程中常见的任务,其中重置表单信息为空是必不可少的操作。在传统的JavaScript或Vue.js中,我们通常通过手动将表单绑定的数据对象的属性值设为空字符串来实现这一功能。然而,随着...

    清空表单标签js

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

    angular-resetform:在 angular js 中重置表单变得如此简单,woooooo

    角度重置该指令帮助用户在没有 javascript 代码行的情况下重置表单数据。 查看文档以获取更多详细信息入门.凉亭安装 bower install angular-resetform安装 npm install angular-resetform在您的模块中添加依赖项 var...

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

    当用户点击“Reset form”按钮时,JavaScript将执行formReset函数,从而实现重置表单的操作。 通过上述代码,我们可以看到JavaScript在实现表单交互方面所扮演的重要角色。使用JavaScript的reset()方法重置表单是一...

    vue-ele-form源码

    Vue.js是一个轻量级的前端JavaScript框架,以其易用性和灵活性著称,而vue-ele-form则是对Vue功能的进一步扩展,尤其适合在快速开发中使用。 首先,让我们深入了解Vue-ele-form的核心特性: 1. **动态表单渲染**:...

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

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

    图片做提交按钮和重置按钮编程技术

    此外,我们还需要添加额外的JavaScript代码来控制按钮的行为,尤其是当我们要使用图片作为重置按钮时。 #### 三、实现方法详解 1. **基本的图片按钮实现** - **提交按钮**: ```html ...

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

    但JavaScript允许我们更加灵活地控制重置行为,比如在特定条件满足时才重置,或者重置前后执行其他操作。 总的来说,JavaScript提供了强大且灵活的方式来处理表单的重置操作,开发者可以根据实际需求定制重置行为,...

    前台form 验证js大全

    本文将深入探讨"前台form验证js大全"这一主题,主要关注JavaScript在前端表单验证中的应用。 一、JavaScript基础 JavaScript 是一种解释型的、轻量级的脚本语言,广泛用于网页和网络应用的动态内容处理。在表单...

    JavaScript实现清空(重置)文件类型INPUT元素值的方法

    然而,在某些场景下,开发者可能需要通过JavaScript清空或重置文件选择器的当前值。这种需求往往因为一些安全限制,不能直接通过设置value属性来清空,因此需要采用其他方法来实现。本文将详细介绍三种实现清空文件...

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

    &lt;form class="layui-form" action="" lay-filter="addGoodsForm" id="addGoodsForm"&gt; &lt;!-- 表单内容 --&gt; &lt;/form&gt; ``` 这里的`lay-filter`属性用于指定表单的过滤器,方便layui对表单事件进行监听。`id`属性则用于...

    JQuery.form表单提交参数详解.txt

    - 用途:提交成功后是否重置表单的状态。 - 示例:`resetForm: true`。 9. **`timeout`**(可选): - 用途:设置 AJAX 请求的最大等待时间(毫秒)。 - 示例:`timeout: 3000`,表示请求超时时间为 3 秒。 ##...

    js form表单input框限制20个字符,10个汉字代码实例.docx

    ### JavaScript Form 表单 Input 框字符及汉字限制实现详解 #### 一、背景与需求分析 在Web开发过程中,经常会遇到需要对用户输入的数据进行格式化或限制的情况,例如限定用户输入的长度,这有助于提高用户体验并...

    jquery.form中文API

    jQuery.form.js是一个流行的jQuery插件,专门用于处理HTML表单的AJAX提交和管理表单数据。这个中文API是原始英文版本的翻译,方便中文使用者理解和应用。下面将详细介绍其中的关键知识点。 1. **ajaxForm**: - `...

    ContactForm_v18_javascript_

    10. **表单重置**:提交成功后,可能使用JavaScript来清空表单,以便用户可以立即进行下一次提交。 综上所述,ContactForm_v18_javascript_是一个涉及网页交互、数据验证、异步通信等多个JavaScript核心概念的实例...

    【JavaScript源代码】Vue之ElementUI Form表单校验.docx

    ElementUI作为一款基于Vue.js的桌面端组件库,提供了强大的`el-form`组件来帮助开发者轻松实现表单校验。 #### `el-form`基本用法 在ElementUI中,`el-form`是用于创建表单的主要组件。为了更好地理解和应用表单...

Global site tag (gtag.js) - Google Analytics