如何把一个html文本框控件隐藏

可以隐藏

一、<input type="hidden" />

二、<input type="text" style="display:none" />

以上两种方法可以实现不留痕迹的隐藏。

三、<input type="text" style="visibility: hidden" />

第三种方法可以实现占位隐藏（会留下空白而不显示）

1、首先打开HBuilder编辑工具，新建静态页面inputShowHide.html，引入jquery核心js文件。

2、其次在元素内插入一个表格，表格中第一行插入七个输入框；第一个输入框设置为显示，其他六个输入框设置为隐藏，分别设置对应的值。

3、然后在jquery初始化函数内编写js代码，获取input输入框对象，声明变量selectInput并赋值为3；遍历input对象，当循环时变量selectInput等于i，让其对应的input输入框显示，其他的隐藏。

有2种方法

第一种：设置css

display属性为none,效果：元素不显示，不占位

第二种：设置css

visibility属性为hidden,效果：元素不显示，但占位

再看看别人怎么说的。

---