gpt4 book ai didi

javascript - 隐藏和显示文本字段

转载 作者:搜寻专家 更新时间:2023-11-01 04:44:58 26 4
gpt4 key购买 nike

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

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com