`

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...

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

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

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

    重置表单javascript 使用 javascript 重置表单

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

    本文实例讲述了JavaScript实现重置表单(reset)的方法。分享给大家供大家参考。具体如下: 下面的代码可以对表单内的输入数据进行重置 &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; [removed] function form...

    js实现表单提交后不重新刷新当前页面

    本文介绍了如何通过js实现表单提交后不重新刷新当前页面的方法实例.既提交了FORM保存了数据,页面也不会跳转,很实用。需要的朋友可以参考下

    vue-form-component:一个可以动态生成表单项的form表单组件

    一个基于vue.js和element-ui可以动态生成表单项form表单 此动态form表单是基于element-ui里的el-form表单基础上进行修改而来,它实现了新增表单项、删除表单项、表单验证和重置表单、表单提交等form表单所拥有的基本...

    jQuery插件之jQuery.Form.js用法实例分析(附demo示例源码)

    本文实例讲述了jQuery插件之jQuery.Form.js用法。分享给大家供大家参考,具体如下: 一、jQuery.Form.js 插件的作用是实现Ajax提交表单。 方法: 1.formSerilize() 用于序列化表单中的数据,并将其自动整理成适合...

    formlink:ue方便的Vue JS插件,可通过将对象序列化为FormData实例来帮助通过HTTP请求发送表单数据

    form方法用于创建一个新的表单对象,该对象将提供对错误消息的轻松访问,以及诸如在成功提交表单时重置表单状态之类的便利。安装您可以使用Node JS软件包管理器安装Formlink。 只需在您的项目中运行以下命令即可...

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

    form id=”form1″ action=”” method=”post” runat=”server”&gt; &lt;input name=”inp” id=”inp” value=”1″ /&gt; &lt;/form&gt; 方法一: 我们可以通过就是实现 id: 代码如下: document....

    uxcore-form:基于React的表单组件

    see demo/FormDemo.js for details 每一个 field 需要按照 Form -&gt; FormRow -&gt; FormField 的方式进行嵌套,允许 Form -&gt; FormField 的嵌套,会自动增加 FormRow 这一层,并默认占一整行。 API Form getValues(force)...

    微信小程序使用form表单获取输入框数据的实例代码

    本文讲述了微信小程序使用form表单获取输入框数据的实例代码。分享给大家供大家参考,具体如下: 1、效果展示 2、关键代码 index.wxml 用户名: 密码: 登录 重置 {{tip}}{{userName}}{{psw}} index.js Page({...

    javascript 登陆

    利用javascript进行简单登陆 &lt;form name="myform" method="post"&gt; 用户名:&lt;input type="text" name="username" &gt;&lt;br&gt; 密 码:&lt;input type="text" name="password"&gt;&lt;br&gt; ... 重置"/&gt; &lt;/form&gt;

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

    HTML中Form表单的reset方法被用来清空用户所输入的内容,以前一直误以为其是单纯的将input等输入项中的值清空。 但实际上不是这样的,reset方法的本质是将input等输入项中的内容还原为属性value中的值,而不是“”...

    表单与javascript

    表单与javascript的课件,ppt中有源码,可以直接复制过来运行,是很好的教学资源: 表单元素事件: 文本域事件 按钮事件 复选框事件 单选按钮事件 表单有效性验证: &lt;HTML&gt; &lt;HEAD&gt;&lt;TITLE&gt;...重置"&gt; &lt;/FORM&gt; &lt;/html&gt;

    marketo-forms-style:我被要求分享我的 CSS,它使 Marketo 的 Form 2.0“普通”样式表更易于管理

    我将这个文件与 Grunt.js 一起使用,但是任何带有自动前缀和指南针的东西都可以处理它。 我仍在努力解决这个问题,所以它远非完美。 遗憾的是,它也有自己的观点。 当我必须用 !important 标签覆盖内嵌样式标签...

    js对象层次• navigator •screen•window

    Form  Button  Checkbox  elements[]; Element  Hidden  Password  Radio  Reset  Select  options[]; Option  Submit  Text  Textarea  images[]; Image 浏览器对象 屏幕...

    RegistrationForm:用户注册和授权表格,MySQL,JS,PHP,AJAX

    文件结构: CSS / -样式文件reset.css-重置所有标准元素样式style.css-用户表单和页面的主要样式文件img / ico-使用过的图标js / -Java脚本文件main.js-包含用于控制注册表单JavaScript php /语言/ -包含语言配置的...

    解析使用JS 清空File控件的路径值

    使用脚本把这个file的input移动到一个form中,然后调用reset,如果有多个这样的input当然还要再移出来.这个方法我不会采用,因为对.net开发者 来讲习惯了一个页面就一个form所有控件都在其中. 方法2).这个方法有点投机,...

    JavaScript笔记.doc

    三、Form元素:文本框和按钮 5 1、文本框: 5 2、按钮: 5 3、文本区: 6 4、口令密码: 6 5、确认按钮和重置按钮: 6 6、文件控件: 7 7、隐藏控件: 7 8、单选钮(事件onBlur、onClick、onFocus): 7 9、复选框...

    JavaScript完全自学宝典 源代码

    1.本书1~21章所附代码的运行环境 操作系统:Windows 2003、Windows XP Professional,或者Windows 2000 ... 21.4.html Prototype的Form对象的使用方法。 prototype.js Prototype的.js库文件。

Global site tag (gtag.js) - Google Analytics