html的reset按钮的作用简单介绍

简介:
本章节介绍reset按钮的作用,希望能够给初学者带来一定的帮助。

很多人认为reset按钮会将表单元素的值清空,情况真的是这样的吗,下面就做一下介绍。

reset翻译成汉语有"重置"的意思,并没有"清空"的意思,所以此按钮的作用是将表单元素的值重置为默认值。

代码如下:

 
01
02
03
04
05
06
07
08
09
10
11
12
13
14
<!DOCTYPE html>    
< html >    
< head >    
< meta charset = " utf-8" >    
< meta name = "author" content = "http://www.softwhy.com/" />    
< title >蚂蚁部落</ title
</ head >
< body >
< form action = "#" name = "myform" >
< input type = "text" id = "txt"  value = "蚂蚁部落" />
< input type = "reset" value = "点击重置" />
</ form >
</ body >
</ html >

如果修改了文本框的值,点击重置按钮能够将文本框的值重置为默认的value属性值。


原文发布时间为:2017-2-13

本文作者:admin

本文来自云栖社区合作伙伴“蚂蚁部落”,了解相关信息可以关注蚂蚁部落

原文链接:html的reset按钮的作用简单介绍

相关文章
HTML+VUE+element-ui通过点击不同按钮展现不同页面
HTML+VUE+element-ui通过点击不同按钮展现不同页面
158 1
|
2月前
|
前端开发
Twaver-HTML5基础学习(28)工具条(添加自定义按钮_自定义事件)
这篇文章介绍了如何在Twaver-HTML5中创建工具条,添加自定义按钮,并绑定自定义事件,包括放大、缩小、占满屏幕和重置画布大小的功能。
50 11
|
2月前
|
JavaScript 前端开发
HTML 表单和输入与按钮的联动方法汇总
在HTML中,通过JavaScript可以轻松实现表单与输入、按钮的互动。本文介绍了基本表单结构,并展示了如何用JS处理按钮点击、表单提交、动态禁用按钮、表单验证以及使用AJAX和jQuery简化代码等技巧,帮助你更好地控制和优化表单功能。
|
5月前
|
前端开发
css html 渐变按钮
css html 渐变按钮
28 0
|
6月前
|
前端开发
HTML按钮边框旋转效果
HTML按钮边框旋转效果
|
前端开发
HTML + CSS各种好看按钮组件
HTML + CSS各种好看按钮组件
|
前端开发 Linux 程序员
「HTML+CSS」--自定义按钮样式【004】
「HTML+CSS」--自定义按钮样式【004】
505 0
「HTML+CSS」--自定义按钮样式【004】
|
前端开发 Linux 程序员
「HTML+CSS」--自定义按钮样式【002】
「HTML+CSS」--自定义按钮样式【002】
116 0
「HTML+CSS」--自定义按钮样式【002】
|
移动开发 前端开发 JavaScript
仅使用HTML和CSS的亮暗模式按钮切换
建立仅html和css的亮暗模式切换的快速指南。文章末尾给出了完整代码
191 0
|
前端开发
【前端异常】html页面中的button按钮会自动提交form表单的问题以及解决方案
有时候我们可能需要在表单中放置多个按钮,比如表单页面常见的按钮有创建和取消。点击创建按钮会触发单击响应事件,在单击响应事件中进行提交表单,这没有任何问题。点击取消按钮的时候,触发对应的单击响应事件,这个单击响应事件中主要处理关闭表单页面逻辑,所以会关闭页面,这也正常。但是!打开控制台监听请求会发现,它也会提交表单。
643 0
【前端异常】html页面中的button按钮会自动提交form表单的问题以及解决方案