html隐藏文本框的几种方法

1、第一步文本框中加入type="hidden"，可以隐藏文本框且不占位置，如下图所示：

2、第二步我们在浏览器中打开html页面，可以看到文本框隐藏了，如下图所示：

1、第一步输入 <input type="text" style="display:none;" value="使用css样式隐藏，且不占位置">代码，通过style="display:none;" 隐藏，且不占位置，如下图所示：

2、第二步我们在浏览器中打开页面，可以看到文本框被隐藏了，且没有占位置，如下图所示：

1、第一步通过 <input type="text" value="" style="width:0;height:0">代码设置文本框宽高为0，隐藏文本框，需要注意的是这种方式会有一个小点，不建议使用，如下图所示：