`
wxinpeng
  • 浏览: 588541 次
  • 性别: Icon_minigender_1
  • 来自: 青岛
社区版块
存档分类
最新评论

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

    博客分类:
  • web
阅读更多

使用<reset>标签,有时候我们会发现reset按钮失效,点击该按钮并不能清空输入框。

原因在此:

    w3c网站有这样的描述(http://www.w3school.com.cn/htmldom/dom_obj_reset.asp)
"在 HTML 表单中 <input type="reset"> 标签每出现一次,一个Reset对象就会被创建。当重置按钮被点击,包含它的表单中所有输入元素的值都重置为它们的默认值。默认值由 HTML value 属性或 JavaScript 的 defaultValue 属性指定。"

    意思就是如果这个textarea如果设置了value属性的值,那么reset按钮就会恢复textarea到这个value属性的值,而不是空。

结论如下:

    reset并不是清空输入框的值,而是将输入框的值恢复到value属性所指定的值。
   

分享到:
评论
1 楼 paradigm 2011-04-24  

相关推荐

    jQuery完全实例.rar

    在文档的第一个表单中,查找所有的单选按钮(即: type 值为 radio 的 input 元素)。 jQuery 代码: $("input:radio", document.forms[0]); --------------------------------------------------------------------...

    JSP登录验证功能的实现

    &lt;input type="reset" value="重置"&gt; &lt;/html&gt; ``` ### 二、登录验证逻辑实现 登录验证的逻辑主要集中在`login.jsp`文件中。该文件负责接收用户提交的数据,并对数据进行校验。 #### 1. 登录验证处理...

    jsp登录功能的简单例子

    &lt;input type="reset" value="取消"&gt; &lt;/div&gt;&lt;/td&gt; ``` - **表单属性**:`action`属性指向处理登录逻辑的JSP文件`login.jsp`,`method`属性为`post`,表示数据将以POST方式提交。 - **表单元素**:用户名和密码...

    登录验证页面jsp.pdf

    提交按钮(`&lt;input type="submit"&gt;`)和重置按钮(`&lt;input type="reset"&gt;`)用于实现表单数据的提交和清空操作。 3. 用户身份验证的逻辑:文档中的Java代码部分展示了如何验证用户的用户名和密码。使用`request....

    jQuery详细教程

    ='#']") 选取所有带有 href 值不等于 "#" 的元素。 $("[href$='.jpg']") 选取所有 href 值以 ".jpg" 结尾的元素。 jQuery CSS 选择器 jQuery CSS 选择器可用于改变 HTML 元素的 CSS 属性。 下面的例子把所有 p 元素...

    net架构练习题

    `reset`:正确答案,将`&lt;input&gt;`元素的`type`属性设置为`reset`即可创建一个重置按钮。 - B. `image`:表示图像提交按钮。 - C. `button`:表示普通按钮,但不具有特定的行为。 - D. `submit`:表示提交按钮。 ...

    最新jquery+easyui_api培训文档

    当设置为`true`时,`width`和`height`参数将会失效,默认值为`false`。 - **border**: 布尔类型,决定是否显示边界线,默认值为`true`。 **面板参数:** Accordion 面板继承自 Panel 组件,因此可以使用 Panel 的...

    jquery培训文档

    &lt;input class="easyui-textbox" type="text" /&gt; &lt;script type="text/javascript"&gt; function myFormatter(date) { var y = date.getFullYear(); var m = date.getMonth() + 1; var d = date.getDate(); ...

    Freepascal运行错误详解

    104. 文件不能打开读数据(File not open for input) 在使用 Read, BlockRead, Eof, Eoln, SeekEof or SeekEoln 之前文件未使用 Reset 打开。这种情况下,应用程序可能会尝试读取一个未打开的文件,导致运行错误。 ...

    free pascal 错误表

    此处省略了一部分原文,但根据上下文推测,此错误可能是由于程序中的某个参数或操作不合法导致的。具体的情况需要根据实际代码和环境来判断。 ### 结论 理解并处理 Free Pascal 的运行时错误对于编写健壮的程序至关...

    60个实用的jQuery代码片段.pdf

    5. **限制选择区域**:可能涉及到`contenteditable`属性,允许用户在指定区域内编辑文本,但限制其只能在特定范围内操作。 6. **正确使用toggleClass()**:`toggleClass()`可接受条件参数,仅在满足条件时才切换类...

Global site tag (gtag.js) - Google Analytics