<input type="reset"/>重置按钮简单介绍

<input type="reset"/>重置按钮简单介绍:

在表单注册或者登陆代码中,重置按钮出现的频率很高,在通常的印象中,点击重置按钮可以讲表单元素的值设置为空,我想这是很多初学者对此按钮的最初印象,但是实际的本质是否如此很难说。

先看一段代码实例:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="http://www.51texiao.cn/" />
<title>蚂蚁部落</title>
</head>
<body>
<form>
<ul>
  <li>姓名:<input type="text"/></li>
  <li>密码:<input type="password"/></li>
  <li>爱好:<input type="checkbox"/>男<input type="checkbox" checked/>女</li>
  <li><input type="reset" value="重置"/><input type="submit" value="提交"></li>
</ul>
</form>
</body>
</html>

以上代码中,挡在文本框输入内容后,如果点击重置按钮,那么文本框中的内容就会被清空,但事实上并非是这样的,reset按钮的意思是重置,也就是说会将表单元素的相关属性值设置为默认状态,如果文本框的默认值是"蚂蚁部落",手动修改文本框的值以后,点击重置按钮,那么文本框的值又会恢复到"蚂蚁部落"。

原文地址是:http://www.51texiao.cn/HTML5jiaocheng/2015/0612/4010.html

时间: 2024-10-09 02:13:43

<input type="reset"/>重置按钮简单介绍的相关文章

BeagleBone硬件概览Ethernet端口板载LEDc重置按钮等介绍

BeagleBone硬件概览Ethernet端口板载LEDc重置按钮等介绍 你进入BeagleBone世界的第一步就是将它连接以得到命令提示,然后你就可以处理文件以及执行命令了.在这里,你就可以定制你的整个系统来满足你特定项目的需求了大本文选自BeagleBone Black快速入门教程. 但是在你连接任何东西之前,应该随笔者近距离了解一下BeagleBone,包括它的型号以及上面的主要部件.之后,笔者将为您奉上各种类型的连接方式. 2.1  两种型号的BeagleBone BeagleBone

修改input type=file 标签默认样式的简单方法

<html><head><title></title></head><body><form id="uploadForm"  action="" method="post" enctype="multipart/form-data"><input type="file" name="uploadFile&qu

input type=&quot;submit&quot; 和&quot;button&quot;有什么区别

HTML中<input type="submit" /> 和 <input type="button" /> 主要从元素定义类型.点击触发动作两个方面来区别. 一.元素定义类型的区别: 1.<input type="button" /> 定义为一个可点击的按钮. 2.<input type="submit" /> 定义为一个提交按钮.提交按钮会把表单数据发送到服务器. 二.点击触

HTML 5 &lt;input&gt; type 属性

1.button 定义可点击的按钮(通常与 JavaScript 一起使用来启动脚本).2.checkbox 定义复选框.3.color 定义拾色器.4.date 定义 date 控件(包括年.月.日,不包括时间).5.datetime 定义 date 和 time 控件(包括年.月.日.时.分.秒.几分之一秒,基于 UTC 时区)6.datetime-local 定义 date 和 time 控件(包括年.月.日.时.分.秒.几分之一秒,不带时区)7.email 定义用于 e-mail 地址的

&lt;input type="button"&gt;和&lt;button&gt;的区别

<input type="button">和<button>的区别:标题中的两个标签几乎在外观上没什么区别,在用法上甚至都一样,下面就来介绍一下这两个按钮之间的区别.区别一:与<input type="button">相比,<button>标签形式更为丰富,<button>与<tton>之间除了文本之外,还可以是图片或者多媒体内容,不过不能是图像映射,因为它对鼠标和键盘敏感的动作会干扰表单按钮的

&lt;input type="range"&gt;标签用法实例代码

<input type="range">标签用法实例代码: 在HTML5中,又新增许多新<input>控件类型,比较实用的一个就是<input type="range">,以滑竿的方式来调整value值,在这以前需要通过模拟才能够实现,下面就通过代码实例介绍一下它的作用. 代码如下: <!DOCTYPE html> <html> <head> <meta charset="utf

form表单reset重置按钮

如果ajax提交完数据,后想清空表单内容 ,以前都是用这个方法$("#id").val(""); 一个一个清空的,其实可以在form表单中加个隐藏的<input type="reset"  style="display:none/>的重置按钮,ajax提交后调用下 $("input[type=reset]").trigger("click"); 就可以把输入框的值重置为默认值了(注意r

input[type=&#39;submit&#39;]input[type=&#39;button&#39;]button等按钮在低版本的IE下面,去掉黑色边框的问题

今天做一个tabs效果的时候,发现上面的button在低版本下会出现黑色的边框,很难看,于是我整理了下几个去掉黑色边框的办法: 1.在button的外层嵌套一个div,设置button的border:none; <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <st

用jQuery重置用于文件上传的input (type=&quot;file&quot;)

页面中有如下标签: <input type="file" id="upload"/> 此标签本用于文件上传,现在有需要将其值重置为空.于是想当然地写出如下代码: $('#upload').val(''); 但经测试,该处理方法对IE无效,因为IE不允许javascript改变type为file的input的值,又是让人蛋疼的IE... 在浏览器兼容性方面本人是白痴一个,遂放狗一搜,有解决方案如下: if(ie) { // 此处判断是否是IE $('#up