php - 嵌入式 CSS 仅影响某些输入字段

Question

我在登陆页面上有一个表单，其中包含两种类型的输入:

<input type="text" name="email" placeholder="enter your email" id="email">
<input type="submit" name="submit" id="submit" value="GO">

在 PHP 验证我的表单后，如果成功，我的 PHP 脚本中就有这段代码:

if($result){ // If successful
                        echo '<style>input[type="submit"],input[type="text"]{display:none;}</style>';
                        echo '<p class="success">Thank you for registering!</p>';
                    }

问题是只有提交输入被隐藏 - 而文本输入仍然存在。我试过使用完全相同的代码结构来隔离“文本”输入； p 标签上的类也起作用。有人知道这是什么原因吗？

Answer 1

好吧，你可以用更简单的方法来做:

if ($result) { // If successful
    echo '<p class="success">Thank you for registering!</p>';
}
else {
    echo '<input type="text" name="email" placeholder="enter your email" id="email">
          <input type="submit" name="submit" id="submit" value="GO">';
}

但最好的方法是——Javascript