有初始值的 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表单,将组件内输入的”switch”,”input”,”checkbox”,”slider”,...
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:...
在HTML的Form表单中,`reset`方法是一个至关重要的功能,它允许用户撤销他们在表单中的所有修改,恢复到初始状态。这个方法通常与一个重置按钮关联,当用户点击该按钮时,表单的所有输入字段将被重置。然而,关于`...
form> <input name=”name1″ /> <input name=”name1″ /> <textarea name=”content”></textarea> 提交</a> </form> 当点击 提交 之后,通过ajax将内容提交。 以前我是...
body, div, p, form, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; } ``` - 清除多个元素的内外边距,包括常见的块级元素、表单元素等。 - 目的是消除浏览器之间的默认内外边距差异...
html表单<form action="" > <input name="gender" type="radio" value="f"/>nan <input name="gender" type="radio" value="m"/>nv ... <input type="reset"> </form>
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-...
Yahoo CSS Reset方法的另一个特点是,它对列表(ul)、表单元素(form)以及表格(table)的边框进行了特殊的处理,以确保在各种环境下都能有良好的显示效果。 CSS Reset的实施对于前端开发有着重要的意义。首先,...
((MyForm)form).reset(mapping); } } ``` ActionForm类也需要有一个对应的reset方法,它通常会遍历所有的JavaBean属性并设置为默认值或null: ```java public class MyForm extends ActionForm { private ...
- 表单按钮(submit, reset, button) 5. **表单验证** 你可以通过`rules`选项指定表单字段的验证规则,这些规则会自动与Laravel的验证系统集成。这使得在表单提交时可以轻松地进行数据验证。 6. **自定义模板**...
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)的方法。分享给大家供大家参考。具体如下: 下面的代码可以对表单内的输入数据进行重置 ...then press the Reset form button to reset the form.</p>
在index.js文件中,我们需要定义formBindsubmit函数和formReset函数来处理form表单的提交和重置事件。 ```javascript Page({ data: { // ... }, formBindsubmit: function(e) { // 处理form表单提交事件 }, ...
rar extension represent archive files that are created for storing information in compressed or normal form. RAR
### SAP ABAP ScriptForm 中文版本 #### SAPscript的组成及功能详解 ##### 1.1 SAPscript的组成 SAPscript 是一种用于创建和管理SAP系统中的表单的技术,它由以下五个主要组成部分构成: 1. **编辑器**:负责...
在探讨“Form的HTML”这一主题时,我们深入解析了HTML表单(form)的基本结构、元素及其功能,这是网页设计中不可或缺的一部分,用于收集用户输入的信息。以下是对form及其相关HTML元素的详细解读: ### 表单(form)...
- **reset()**: 重置表单。 - **setValues(Array/Object values)**: 设置表单字段的值。 - **submit(Object options)**: 提交表单。 - **updateRecord(Record record)**: 更新数据记录中的值。 #### 三、Ext.form....