输入提交按钮

时间:2018-06-09 19:21:30

标签: php html

我用下面的代码做了一个小实验,它有一个包含输入提交按钮的表单。我发现如果我将输入提交按钮的可见性设置为可见,那么当我隐藏表单时它将不会隐藏。但是,如果我将输入提交按钮的可见性设置为其他任何内容,例如空字符串或类似" 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"

?>

0 个答案:

没有答案