使HTML隐藏的输入可见 [英] Make HTML hidden input visible
本文介绍了使HTML隐藏的输入可见的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我想在单击按钮时将不可见的HTML输入更改为可见，如下所示.
I want to change an invisible HTML input in to visible when I click a button as shown below.
我创建隐藏输入的HTML行是:
My HTML line that create the hidden input is:
<input type="hidden" id="txtHiddenUname" value="invalid input" />
我更改可见性的JavaScript是:
my JavaScript for changing the visibility is:
var y = document.getElementById("txtHiddenUname");
y.style.display= "inline";
但这无法使隐藏的元素可见.
But this couldn't make the hidden element to be visible.
有什么想法吗?
推荐答案
您应将输入元素的类型更改为:
You should change the type of input element as :
y.setAttribute('type','text');
//or
y.type = 'text';
1)body标记内的用户Java脚本如下:
1) Either user java script inside body tag as below :
<input type="hidden" id="txtHiddenUname" value="invalid input" />
<script type="text/javascript">
var y = document.getElementById("txtHiddenUname");
y.type= "text";
</script>
OR
2)使用某些事件处理程序，例如onload
2) Use some event handler such as onload
<head>
<script type="text/javascript">
function on_load(){
var y = document.getElementById("txtHiddenUname");
y.type= "text";
}
</script>
</head>
<body onload = "on_load()">
<input type="hidden" id="txtHiddenUname" value="invalid input" />
...
以便DOM准备就绪.
这篇关于使HTML隐藏的输入可见的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
