javascript - 隐藏和显示文本字段

标签 javascript

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

最佳答案

替换

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

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

关于javascript - 隐藏和显示文本字段,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14578908/

相关文章:

javascript - AngularJS 中的指令和一次性绑定(bind)哪个更快?

javascript - 如何减少在 html 上渲染数学的延迟?

javascript - 为什么我的插件不加载它的依赖项?

javascript - 在 d3 图中的 <g> 元素上触发悬停事件

javascript - 如何进一步破坏所有以父类开头的变量集?

javascript - JSP/JS forEach 循环中仅打开第一个按钮

javascript - 如何在将页面重定向到新网址后执行一些 JavaScript 函数

java - 什么是在浏览器中运行的简单位图编辑器(jquery/java/javascript)?

javascript - 浏览器 F11 全屏未注册到 -webkit-full-screen 或 Javascript API

javascript - AngularJS:获取具有特定id的数据