使 HTML 隐藏输入可见
声明：本页面是StackOverFlow热门问题的中英对照翻译，遵循CC BY-SA 4.0协议，如果您需要使用它，必须同样遵循CC BY-SA许可，注明原文地址和作者信息，同时你必须将它归于原作者（不是我）：StackOverFlow
原文地址: http://stackoverflow.com/questions/17638826/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me):
StackOverFlow
Make HTML hidden input visible
提问by kona
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:
我创建隐藏输入的 HTML 行是：
<input type="hidden" id="txtHiddenUname" value="invalid input" />
my JavaScript for changing the visibility is:
我用于更改可见性的 JavaScript 是：
var y = document.getElementById("txtHiddenUname");
y.style.display= "inline";
But this couldn't make the hidden element to be visible.
但这不能使隐藏的元素可见。
Any ideas?
有任何想法吗？
回答by Lekhnath
You should change the type of input element as :
您应该将输入元素的类型更改为：
y.setAttribute('type','text');
//or
y.type = 'text';
1) Either user java script inside body tag as below :
1) body 标签内的任一用户 java 脚本如下：
<input type="hidden" id="txtHiddenUname" value="invalid input" />
<script type="text/javascript">
var y = document.getElementById("txtHiddenUname");
y.type= "text";
</script>
OR
或者
2) Use some event handler such as onload
2）使用一些事件处理程序，例如 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" />
...
so that the DOM is ready.
这样 DOM 就准备好了。
回答by ebram khalil
Here is not matter of CSS it's matter of attributes, So you need to change the attribute typefrom hiddento something else like text
这里不是 CSS 的问题，而是属性的问题，因此您需要将属性type从更改为hidden其他类似的内容text
Kindly check this [how-to-change-html-object-element-data-attribute-value-in-javascript][1]
请检查这个 [how-to-change-html-object-element-data-attribute-value-in-javascript][1]
check this: How to change HTML Object element data attribute value in javascript. To change the attribute value using jQuery or Javascript
检查这个：如何在 javascript 中更改 HTML 对象元素数据属性值。使用 jQuery 或 Javascript 更改属性值
回答by Vaibhav Kulkarni
<input type = "hidden", id = "abbriv", value = "Some Random Text"/>
<script>
function f1()
{
var x = document.getElementById("abbriv").value;
document.getElementById("demo").innerHTML = x;
}
</script>
