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

html表单单个reset功能实现

 
阅读更多

表单的reset,无非是吧表单域的值还原成了defaultValue的值。

如果想实现全部表单的reset,则可以遍历所有的表单,然后将value值设置为defaultValue即可。

this.value = this.defaultValue;

 

为form表单添加reset功能:

   function _3080(_3090){
        $("input,select,textarea",_3090).each(function(){
            if($(this).hasClass("combo-text") || $(this).hasClass("combo-value")){
                return;
            }
            if($.fn.combobox && $(this).hasClass("combobox-f")){$(this).combobox("reset");return;}
            if($.fn.combotree && $(this).hasClass("combotree-f")){$(this).combotree("reset");return;}
            if($.fn.combogrid && $(this).hasClass("combogrid-f")){$(this).combogrid("reset");return;}
            if($.fn.datebox && $(this).hasClass("datebox-f")){$(this).datebox("reset");return;}
            if($.fn.datetimebox && $(this).hasClass("datetimebox-f")){$(this).datetimebox("reset");return;}
           
            if($.fn.combo && $(this).hasClass("combo-f")){$(this).combo("reset");return;}
            var t=this.type,tag=this.tagName.toLowerCase();
            if(t=="text"||t=="hidden"||t=="password"||tag=="textarea"){
                this.value=this.defaultValue;
            }else{
                if(t=="checkbox"||t=="radio"){
                    this.checked=this.defaultValue;
                }else{
                    if(tag=="select"){
                        this.selectedIndex=this.defaultValue;
                    }
                }
            }
        });
    };

 

分享到:
评论

相关推荐

    css reset框架

    综上所述,"css reset框架"是一个针对HTML5开发的优化解决方案,它通过重置浏览器默认样式,提供了一个干净的起点,使得开发者可以更加专注于设计和功能的实现,而不必过于担心跨浏览器的兼容性问题。通过结合`reset...

    前端开源库-aero-reset

    在前端开发中,"aero-reset" 是一个用于样式重置的开源库,它主要解决的是浏览器之间的默认样式差异问题。样式重置是前端开发中的一个重要环节,因为不同的浏览器对HTML元素的默认样式处理可能存在差异,这可能导致...

    Django实现登录-注册等功能

    在本文中,我们将深入探讨如何使用Django框架来实现用户登录和注册功能,这对于任何Web应用程序来说都是核心组件。Django是一个用Python编写的高级Web框架,它鼓励快速开发和简洁实用的设计理念。 首先,我们需要...

    jsp页面文件下载功能实现

    ### jsp页面文件下载功能实现 #### 概述 在Web开发中,文件下载是一项基本且常用的功能。本文将详细介绍如何使用JSP技术实现文件下载功能,并解释代码中涉及的关键概念和技术点。 #### 核心知识点解析 ##### 1. ...

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

    在HTML中,可以添加一个隐藏的reset类型按钮,这样在用户界面上不显示重置按钮,但是仍可以通过JavaScript代码来触发这个按钮的功能。隐藏reset按钮的目的是为了使用浏览器原生提供的表单重置功能。 ### 知识点五:...

    Struts-Validate-Reset

    在JSP页面中,我们可以创建一个 `<html:reset>` 标签,当用户点击这个按钮时,会触发ActionForm的reset方法: ```jsp <html:text property="username" /> <html:text property="password" /> <html:errors /> ...

    html实现的几款button效果

    为了提高无障碍性,可以使用ARIA(Accessible Rich Internet Applications)属性,如`aria-label`来描述按钮的功能: ```html 分享到Facebook">Facebook ``` 以上就是HTML实现的几款按钮效果,结合CSS和JavaScript...

    基于poi实现word/excel转换为HTML(且兼容.doc.docx.xls.xlsx)

    - 遍历工作簿中的每个工作表(XSSFSheet/HSSFSheet)。 - 解析单元格(XSSFCell/HSSFCell),获取值和格式信息。 - 转换单元格的样式,如边框、填充色、字体等,形成CSS规则。 - 构建HTML表格,包括`<table>`, `...

    原生JS使用Canvas实现拖拽式绘图功能

    需要注意的是,实例代码在实现过程中会使用上述知识点,以构建一个完整的拖拽式绘图功能的Canvas应用。在实现过程中可能会遇到的问题,例如图片重绘导致的闪烁,会在后续的版本迭代中继续完善和优化。

    js 实现发送短信验证码后的倒计时功能

    在js中,我们可以创建一个名为`countdown`的函数来实现这个功能: ```javascript let countdownInterval; function countdown() { const countdownElement = document.getElementById('countdown'); let seconds...

    JSP登录验证功能的实现

    本文将基于提供的JSP代码示例,详细解析如何实现一个简单的登录验证功能,并在此基础上设计静态登录界面。 #### 一、登录界面设计 首先来看登录界面的设计部分。登录界面是用户与系统交互的第一步,其设计的好坏...

    HTML+CSS实现小米官网顶部导航栏(代码与静态资源)

    后者是Font Awesome库,一个广泛使用的图标集,可以添加矢量图标的功能到网页中,增强导航栏的视觉吸引力。 最后,"img"文件夹包含了图片资源,这些图片可能被用作导航栏的背景图、logo或者其他装饰元素。在CSS中,...

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

    除了使用JavaScript脚本直接调用reset()方法之外,还可以通过表单元素中的<button type="reset">或<input type="reset">按钮直接触发浏览器内置的重置功能。然而,使用JavaScript方法的优势在于可以更加灵活地控制...

    js仿iphone秒表功能 计算平均数

    以上所述的功能实现涉及到JavaScript中的Date对象、定时器函数(如 `setInterval` 和 `clearInterval`)、数组操作(如 `push` 方法),以及DOM操作(用于更新页面元素的内容)。 页面的HTML结构应该包含按钮元素以...

    使用vue实现grid-layout功能实例代码

    本文主要介绍了使用 Vue 实现 Grid Layout 功能的代码讲解,涵盖了基本布局、节点排版、拖拽事件等多个方面的知识点。 基本布局 在实现 Grid Layout 功能之前,首先需要 clone 项目到本地,然后使用 `git reset --...

    JavaScript实现秒表

    在本文中,我们将深入探讨如何使用JavaScript实现一个功能完备的秒表,包括开始、记录、暂停和重置等核心功能。 首先,我们需要创建一个HTML页面作为我们的秒表界面。`秒表.html`文件将会包含一个用于显示时间的...

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

    在JavaScript中,这个功能可以通过调用`reset()`方法来实现,但在jQuery中,直接使用`reset()`方法并不适用,因此需要通过不同的方式来达到相同的目的。 首先,让我们来探讨在JavaScript中如何重置表单。有两种主要...

    JS HTML实现手写签名

    "JS HTML实现手写签名"这个主题就是关于如何利用JavaScript和HTML技术在网页上创建一个功能完备的手写签名功能。本篇文章将深入探讨如何使用jQuery库,特别是jSignature插件,来实现这一功能,并确保它在PC和移动端...

    ASP.NET—017:ASP.NET中清空按钮的实现

    本文将详细介绍如何在ASP.NET中实现这样一个功能。 首先,我们需要理解“清空”按钮的功能。在Web表单中,这个按钮通常与HTML的`<input type="reset">`元素关联,点击后,表单内的所有输入控件都会恢复到初始状态,...

    HTML中的input type="reset"标签失效(不起作用)的可能原因。

    在需要清空输入框值的情况下,可以考虑使用`<button>`标签替代`<input type="reset">`,并通过JavaScript来实现清空功能。下面是一个简单的示例: ```html ()">清空 function clearInput() { document....

Global site tag (gtag.js) - Google Analytics