input输入框隐藏的几种方法

第一种：

<input type="hidden" value="测试"></input>
第二种：

<input type="text" value="测试" style="display:none"></input>

第三种：

<input type="text" value="测试" style"width:0;height:0;"></input>

第四种：

<input type="text" value="测试" style="visibility:hidden"></input>

四种隐藏的区别在于：

前三种隐藏后不占用页面空间，而第四种隐藏后，还会占有相应的空间大小，及会显示部分空白

示例：