type=‘hidden‘和style=“display:none“区别

项目开发时遇到一个小问题，重置表单时有个input框值不会清空，很奇怪，之前写的都可以呀，于是，仔细查看发现，在隐藏input框时选择了不同的写法导致出问题。

首先，

<input name="id" style="display:none;"/>

和

<input name="id" type="hidden">

都有隐藏的功能。style是通过样式来设置的。type是针对特定组件的。

一般input框隐藏，常用于传值，这两种方式都可以做到！

但是，第二种写法使用form表单重置功能无法重置值！（重置后值依然存在

第一种写法重置时值则会清空。（重置后值会被清空

所以，选择合适的写法并调用。