AI 助理
备案控制台
开发者社区 开发与运维 文章 正文

表单reset重置按钮的作用并非是清空表单

2018-03-01 2116
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：

不少初学者可能会认为表单元素的reset按钮是清空表单元素，其实并非如此。

看如下代码示例:


     
     

      
      
       
       

        
        
01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26

        
        

<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title>蚂蚁部落title>


<style>
ul li{
  list-style:none;
  height:30px;
}
style>
 
head>
 
<body>
<form>
  <ul>
    <li>姓名:<input type="text"/>li>
 
    <li>地址:<input type="text" value="山东省青岛市"/>li>
 
    <li>
      <input type="submit" value="提交"/>
      <input type="reset" value="重置"/>
    li>
 
  ul>
 
form>
 
body>
 
html>

大家可以在文本框内容输入内容，然后点击重置按钮测试效果。

可以看出此按钮的作用是重置元素的value值，而不是清空value值。



原文发布时间为：2017-2-23

本文作者：admin

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



文章标签：
Java
青衫无名
目录
相关文章
a15034260562-24955
|
10月前
|
前端开发 网络安全 数据库
使用layui弹框实现添加时，当添加成功之后如何进行关闭当前窗口刷新父页面的数据
使用layui弹框实现添加时，当添加成功之后如何进行关闭当前窗口刷新父页面的数据
a15034260562-24955
82 0
rp54yl2b5rw2w
|
JavaScript
VUE element-ui之el-form表单点击按钮自动增加表单（输入框），可新增删除
VUE element-ui之el-form表单点击按钮自动增加表单（输入框），可新增删除
rp54yl2b5rw2w
2208 0
VUE element-ui之el-form表单点击按钮自动增加表单（输入框），可新增删除
爱你三千遍斯塔克
|
9月前
|
JavaScript 开发工具 git
大事件项目28文章分类—添加分类--表单准备和对话框关闭重置表单
大事件项目28文章分类—添加分类--表单准备和对话框关闭重置表单
爱你三千遍斯塔克
39 1
她说她一如既往的爱我
|
9月前
输入框禁用状态 可清空输入框如何实现？组件写的
输入框禁用状态 可清空输入框如何实现？组件写的
她说她一如既往的爱我
67 3
web前端圈
|
10月前
|
开发者
在用户关闭页面时，提示用户有内容未保存-论onbeforeunload事件的用法
在用户关闭页面时，提示用户有内容未保存-论onbeforeunload事件的用法
web前端圈
178 0
祈澈菇凉
|
前端开发
bootstrap table点击修改按钮给弹框赋值
bootstrap table点击修改按钮给弹框赋值
祈澈菇凉
70 0
讓丄帝愛伱
element中form表单resetFields()方法重置表单无效
element中form表单resetFields()方法重置表单无效
讓丄帝愛伱
226 0
讓丄帝愛伱
Element UI 重置表单功能
Element UI 重置表单功能
讓丄帝愛伱
69 0
五月呀
jquey清空表单内容
jquey清空表单内容
五月呀
67 0
云内容小助手
|
前端开发 数据安全/隐私保护 开发者
重置按钮 | 学习笔记
快速学习重置按钮
云内容小助手
817 0
重置按钮 | 学习笔记