`
yjgyjg4
  • 浏览: 118975 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

Reset form全部

阅读更多
有初始值的 form 表单在点击默认的 Reset 按钮时,表单元素并不能清空,而是恢复初始值,相信这并不是我们期望的,本文介绍的是用 javascript 解决这一问题的方法

<form name="testForm">
    <input type="button" value="Javascript Clear" onclick="clearForm('testForm')" /> 
</form> 
function clearForm(formName) {    
var formObj = document.newApplForm;    
   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; }   
      } 
}


分享到:
评论

相关推荐

    微信小程序 表单Form实例详解(附源码)

    微信小程序 表单Form实例 表单Form的应用很广泛,我们可以利用form设计登录注册,也可以设计一种答题问卷的形式,今天主要讲一下form的使用 form表单,将组件内输入的”switch”,”input”,”checkbox”,”slider”,...

    CSS中常用的 reset.css文件

    3. `h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,blockquote,pre,form,fieldset,legend,textarea,input,button,select{margin:0;padding:0;}`:针对标题、段落、列表等常用元素进行重置。 4. `table{border-collapse:...

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

    在HTML的Form表单中,`reset`方法是一个至关重要的功能,它允许用户撤销他们在表单中的所有修改,恢复到初始状态。这个方法通常与一个重置按钮关联,当用户点击该按钮时,表单的所有输入字段将被重置。然而,关于`...

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

    form&gt; &lt;input name=”name1″ /&gt; &lt;input name=”name1″ /&gt; &lt;textarea name=”content”&gt;&lt;/textarea&gt; 提交&lt;/a&gt; &lt;/form&gt; 当点击 提交 之后,通过ajax将内容提交。 以前我是...

    通用的css reset

    body, div, p, form, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; } ``` - 清除多个元素的内外边距,包括常见的块级元素、表单元素等。 - 目的是消除浏览器之间的默认内外边距差异...

    html表单<form></form>

    html表单&lt;form action="" &gt; &lt;input name="gender" type="radio" value="f"/&gt;nan &lt;input name="gender" type="radio" value="m"/&gt;nv ... &lt;input type="reset"&gt; &lt;/form&gt;

    Reset CSS

    fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { font-family: inherit; font-size: 100%; font-weight: normal; line-height: 1; } /* 重置列表样式 */ ol, ul { list-...

    Css Reset 复位相关资料整理

    Yahoo CSS Reset方法的另一个特点是,它对列表(ul)、表单元素(form)以及表格(table)的边框进行了特殊的处理,以确保在各种环境下都能有良好的显示效果。 CSS Reset的实施对于前端开发有着重要的意义。首先,...

    Struts-Validate-Reset

    ((MyForm)form).reset(mapping); } } ``` ActionForm类也需要有一个对应的reset方法,它通常会遍历所有的JavaBean属性并设置为默认值或null: ```java public class MyForm extends ActionForm { private ...

    Laravel开发-form-builder

    - 表单按钮(submit, reset, button) 5. **表单验证** 你可以通过`rules`选项指定表单字段的验证规则,这些规则会自动与Laravel的验证系统集成。这使得在表单提交时可以轻松地进行数据验证。 6. **自定义模板**...

    CSS RESET个人总结

    fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, ...

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

    本文实例讲述了JavaScript实现重置表单(reset)的方法。分享给大家供大家参考。具体如下: 下面的代码可以对表单内的输入数据进行重置 ...then press the Reset form button to reset the form.&lt;/p&gt;

    微信小程序简单实现form表单获取输入数据功能示例

    在index.js文件中,我们需要定义formBindsubmit函数和formReset函数来处理form表单的提交和重置事件。 ```javascript Page({ data: { // ... }, formBindsubmit: function(e) { // 处理form表单提交事件 }, ...

    NET RESET_cmd_

    rar extension represent archive files that are created for storing information in compressed or normal form. RAR

    SAP ABAP ScriptForm 中文版本

    ### SAP ABAP ScriptForm 中文版本 #### SAPscript的组成及功能详解 ##### 1.1 SAPscript的组成 SAPscript 是一种用于创建和管理SAP系统中的表单的技术,它由以下五个主要组成部分构成: 1. **编辑器**:负责...

    Form的HTML

    在探讨“Form的HTML”这一主题时,我们深入解析了HTML表单(form)的基本结构、元素及其功能,这是网页设计中不可或缺的一部分,用于收集用户输入的信息。以下是对form及其相关HTML元素的详细解读: ### 表单(form)...

    extjs-form组件配置参数详解

    - **reset()**: 重置表单。 - **setValues(Array/Object values)**: 设置表单字段的值。 - **submit(Object options)**: 提交表单。 - **updateRecord(Record record)**: 更新数据记录中的值。 #### 三、Ext.form....

Global site tag (gtag.js) - Google Analytics