html中的reset（重置）按钮

待我称王封你为后i 2022-10-16 15:22 322阅读 0赞

# html中button标签reset用法 #

reset是input的一个类型，而input必须与form一起用才有效果。  
比如  
<form>  
<input type="text" value="" />  
<button type="reset" value="重置按钮"></button>  
</from>  
  
原文链接：https://blog.csdn.net/deng624796905/article/details/79651071

# html中的reset（重置）按钮 #

一般情况下点击重置按钮input框中的内容会清空，但在编辑列表中，初始化数据并不为空。当点击重置按钮时，还是初始化的数据。此时并不是重置按钮失效，而是点击重置按钮就是初始化时的数据。可用如下方法检验重置按钮没有失效：

点击编辑后页面的内容并不为空，当修改编辑页面中的数据，再点击重置按钮，编辑页面中的数据会变成刚点开编辑页面时候的数据，也就是初始化数据。

刚点开编辑页面时的数据

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2h1aWh1aWt1YWlwYW9f_size_16_color_FFFFFF_t_70][]

修改后的数据

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2h1aWh1aWt1YWlwYW9f_size_16_color_FFFFFF_t_70 1][]

点击重置按钮时的数据

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2h1aWh1aWt1YWlwYW9f_size_16_color_FFFFFF_t_70 2][]  
  
原文链接：https://blog.csdn.net/huihuikuaipao\_/article/details/84570519

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2h1aWh1aWt1YWlwYW9f_size_16_color_FFFFFF_t_70]: /images/20221014/9522da609cf942009fa04f1b7170eec1.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2h1aWh1aWt1YWlwYW9f_size_16_color_FFFFFF_t_70 1]: /images/20221014/f51ae796b5ef45ac9e3a53e7304a5b2b.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2h1aWh1aWt1YWlwYW9f_size_16_color_FFFFFF_t_70 2]: /images/20221014/ae4a752e1f65460e87833fec997c7aa8.png