开发者社区开发与运维文章正文

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

2018-03-01 2120

版权

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

简介：

不少初学者可能会认为表单元素的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

青衫无名

+关注

3489文章 780问答

打赏

14291

爱你三千遍斯塔克

10月前

JavaScript 开发工具 git

大事件项目28文章分类—添加分类--表单准备和对话框关闭重置表单

爱你三千遍斯塔克

45 1 1

爱你三千遍斯塔克

10月前

JSON 开发工具数据格式

大世界项目29----文章分类——添加分类-表单准备和对话框关闭重置表单

爱你三千遍斯塔克

31 1 1

她说她一如既往的爱我

10月前

输入框禁用状态可清空输入框如何实现？组件写的

她说她一如既往的爱我

73 3 3

讓丄帝愛伱

element中form表单resetFields()方法重置表单无效

讓丄帝愛伱

236 0 0

讓丄帝愛伱

Element UI 重置表单功能

讓丄帝愛伱

70 0 0

兜里只有三分钱~

缓存

element弹出框关闭并销毁：清空弹出里的数据缓存（整理）

兜里只有三分钱~

1241 0 0

学吧太深了

Layui表格头部工具栏取消默认的三个功能

学吧太深了

600 0 0

张清悠

element ui 上传图片之后跳转、刷新、保存，预览和删除丢失问题

这问题困惑了我好久，在官方的element ui 的组件库中，直接拿来使用的话，只有当前显示效果，一旦刷新页面或者保存之后，就会丢失，预览和删除功能。当保存后，保存到后端接口，再次查看，图片是能渲染出来，但是由于保存页面刷新，随之整个上传过程失败，而查看所拿到的图片只是一张静态图片，要想再次预览和查看，需要重新选中上传

张清悠

357 0 0

DCodes

element close事件关闭表单，数据替换掉原始列表的数据bug解决

DCodes

131 0 0

五月呀

jquey清空表单内容

五月呀

67 0 0

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

热门文章

最新文章

相关电子书

探索云世界

热门

云计算

大数据

云原生

人工智能

数据库

开发与运维

活动广场

任务中心

训练营

直播

乘风者计划

下载

镜像站

技术资料

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

热门文章

最新文章

相关电子书