如何隐藏一个Html文本输入框

一、<input

type="hidden"

/>

二、<input

type="text"

style="display:none"

/>

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

三、<input

type="text"

style="visibility:

hidden"

/>

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

工具：hml、js

1、首先新建个hml文件，为页面建立一个exarea输入控件。

2、为了实现 *** 作，这里添加了两个按钮用来控制对exarea的显示和隐藏。

3、为这两个按钮配备对exarea *** 作的函数，Showex和Hiddenex。

4、Showex用来控制显示，函数内容是将exarea的display设置为"block"。Hiddenex用来控制隐藏，函数内容是将exarea的display设置为"none"。

5、运行脚本，点击隐藏按钮实现隐藏。

6、可以看到文本框已经隐藏。点击显示按钮又会将文本框显示回来，显示隐藏都可以 *** 作。