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

一、<input type="hidden" />

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

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

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

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

需要准备的材料分别有：电脑、浏览器、html编辑器。

1、首先，打开html编辑器，新建html文件，例如：index.html，编写问题基础代码。

2、在index.html中的<script>标签中，输入js代码：。

if (navigator.userAgent.match(/mobile/i)) {

$('video').hide()

}

3、浏览器运行index.html页面，此时在移动端中成功隐藏了video标签的控件。

可以使用js来实现按钮和文本的显示隐藏。

1.创建一个新的html文档，在body标签中添加span标签和按钮标签，并为每个标签设置一个id：

2.添加脚本标记并向脚本标记添加按钮单击事件。如果按钮的内容为“隐藏”，则文本将被隐藏，按钮内容将转换为“显示”：

3.如果按钮内容不是“隐藏”，将显示文本，按钮内容将“隐藏”：