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

html-css010

如何隐藏一个Html文本输入框,第1张

可以隐藏

一、<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、可以看到文本框已经隐藏。点击显示按钮又会将文本框显示回来,显示隐藏都可以操作。