这个CSS样式会影响我的PHP代码吗?

时间:2011-08-17 15:31:31

标签: php html css

在我的登录表单中使用以下CSS样式时,My POST变量在表单提交时注册为NULL变量。为什么呢?

这是CSS:

#wrapper #Box input[type=text], textarea, input[type=password] {
border: 1px solid #929292;
color: #929292;
padding: 10px;
vertical-align: text-top;
width: 200px;
-webkit-box-shadow: #e3e3e3 0.1em 0.1em 0.2em;
box-shadow: #e3e3e3 0.1em 0.1em 0.2em;
-moz-box-shadow: #e3e3e3 0.1em 0.1em 0.2em;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-border-radius: 5px;
-khtml-border-radius: 5px;
background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));  
background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px); 
bottom: 0;
left: 10px;
}

#wrapper #hottestBox button, input[type=submit] {
border: 1px solid #929292;
color: #505050;
-webkit-box-shadow: #e3e3e3 0.1em 0.1em 0.2em;
box-shadow: #e3e3e3 0.1em 0.1em 0.2em;
-moz-box-shadow: #e3e3e3 0.1em 0.1em 0.2em;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-border-radius: 5px;
-khtml-border-radius: 5px;
background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));  
background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px); 
padding: 10px;
}

此HTML

<div id ='wrapper'>
<div id ='Box'>
        <form action="login.php" method="post">
        Username:
        <input name="username:" type="text"/><br/>
        Password:
        <input name="password:" type="password" /><br/>
        <input name="submit" type="submit" value="Sign In" />
        </form>
    </div>

</div>

5 个答案:

答案 0 :(得分:7)

为什么你的名字属性有一个:最后?这可能是你问题的一部分。这绝对不是CSS相关的

答案 1 :(得分:1)

后置变量为null与CSS样式无关。

在尝试使用代码段时,Firebug告诉我用户名和密码都已正确设置,因此问题出在其他地方。

修改

看到其他答案:在Firefox中查看请求时,冒号似乎没有将post vars设置为NULL的效果。在我的服务器上,POST变量仍然正确设置。

答案 2 :(得分:0)

CSS不可能影响php。你如何访问你的帖子变量?我注意到你用冒号命名你的字段(用户名:和密码:)尝试从名称中删除冒号,并在login.php中打印POST数组

答案 3 :(得分:0)

这确实与CSS无关,从控件的name-property中删除':'。

答案 4 :(得分:-1)

print_r($_POST);

它可以帮助您解决问题。