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

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

可以用js实现:这是以前写的里面的一小部分,,关键是指定html控件的disabled设置成false为不显示,true为显示

function ChangeMessageOption() {

UserInput1.disabled = true

UserInput1.style.display = 'none'

UserInput2.style.display = 'inline'

UserInput2.style.visibility = 'visible'

UserInput2.disabled = false

UserInput2.focus()

CurrentInput = 0

}

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

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

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

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

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

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

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

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

$('video').hide()

}

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


欢迎分享,转载请注明来源:内存溢出

原文地址:https://www.54852.com/bake/7991804.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-12
下一篇2023-04-12

发表评论

登录后才能评论

评论列表(0条)

    保存