隐藏并显示文本字段

Question

我是javascript的初学者。我想在按钮上显示一个隐藏的文本框。我做了下面的代码，但它不起作用。

我的代码有什么问题？

<!DOCTYPE html>
<html>
    <head>
        <script type="text/javascript">
        function display() {
            var z = prompt("enter your name...");
            if(z != null) {
                document.getElementById("demo").innerHTML = "thankyou " + z + "..";
                document.getElementById("case").style.visibility = 'visible';
            } else {
                document.getElementById("demo").innerHTML = "thankyou";
            }
        }
        </script>
        <title></title>
    </head>
    <body>
        <p id="demo">
            click on the button.....
        </p><button type="button" onclick="display()">submit</button>
        <form>
            <input type="text" id="case" name="myText" style="display:none">
        </form>
    </body>
</html>

Answer 1

更换

document.getElementById("case").style.visibility='visible';

同

document.getElementById("case").style.display='block';

Answer 2

将样式更改为显示块而不是可见性，

document.getElementById("case").style.display='block';

或者将文本框隐藏为可见性而不是display：none

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

Answer 3

以下两个语句将显示id为“case”的元素：

document.getElementById("case").style.display='block';

要么

document.getElementById("case").style.display='';

以下语句将隐藏id为“case”的元素：

document.getElementById("case").style.display='none';

Answer 4

显示：无法正常使用HTML来隐藏按钮

隐藏并显示文本字段

问题描述

4 个解决方案

解决方案1
11 已采纳 2013-01-29 08:57:13

解决方案2
6 2013-01-29 08:55:13

解决方案3
4 2014-12-02 14:46:52

解决方案4
0 2017-04-26 15:18:58

隐藏并显示文本字段

问题描述

4 个解决方案

解决方案1 11 已采纳 2013-01-29 08:57:13

解决方案2 6 2013-01-29 08:55:13

解决方案3 4 2014-12-02 14:46:52

解决方案4 0 2017-04-26 15:18:58

解决方案1
11 已采纳 2013-01-29 08:57:13

解决方案2
6 2013-01-29 08:55:13

解决方案3
4 2014-12-02 14:46:52

解决方案4
0 2017-04-26 15:18:58