Javascript 隐藏并显示文本字段_Javascript

Javascript 隐藏并显示文本字段

javascript

Javascript 隐藏并显示文本字段,javascript,Javascript,我是javascript的初学者。我想在点击按钮时显示一个隐藏的文本框。我执行下面的代码，但它不起作用我的代码有什么问题 <!DOCTYPE html> <html> <head> <script type="text/javascript"> function display() { var z = prompt("enter your name...");

我是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>


函数显示（）{
var z=提示（“输入您的姓名…”）；
如果（z！=null）{
document.getElementById（“demo”）.innerHTML=“谢谢”+z+”；
document.getElementById（“case”）.style.visibility='visible'；
}否则{
document.getElementById（“demo”）.innerHTML=“谢谢”；
}
}

点击按钮。。。。。
提交

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

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

或者将文本框作为可见性隐藏，而不是显示：无

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

更换

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

与

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

或

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

Display:none可以在HTML中隐藏按钮

或

内联

，因为默认情况下输入是内联的。

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

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

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

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