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

html-css07

如何把一个html文本框控件隐藏,第1张

可以隐藏

一、<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.如果按钮内容不是“隐藏”,将显示文本,按钮内容将“隐藏”: