我用下面的代码做了一个小实验,它有一个包含输入提交按钮的表单。我发现如果我将输入提交按钮的可见性设置为可见,那么当我隐藏表单时它将不会隐藏。但是,如果我将输入提交按钮的可见性设置为其他任何内容,例如空字符串或类似" abcd",那么当我隐藏表单时它会隐藏。任何人都可以给我一个解释吗?非常感谢。
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
.sub
{
width: 100px;
height: 40px;
background-color: #1eaa28;
cursor: pointer;
}
</style>
</head>
<body>
<form method="POST" id="TestForm">
<input type="submit" value="" id="TestButton" class="sub" style="visibility: abcd">
</form>
</body>
</html>
<?php
echo "<script type='text/javascript'>TestForm.style.visibility = \"hidden\"</script>";
// button hides if style="visibility: "
// button does not hide if style="visibility: visible"
// button does not hide if style="visibility: abcd"
?>