提交表单后更改html样式

时间:2015-07-17 11:16:34

标签: php html css forms

有没有办法在提交表单后将显示无效的内容更改为显示块?我正在检查表单是否已提交:

if(isset($_POST['submit'])){

我估计它会在这之后的某个地方......?

我试过这个但没有快乐......

echo '<style type="text/css">
      .login {
       display: block;
      } </style>';

感谢

4 个答案:

答案 0 :(得分:2)

您应该为隐藏定义样式,然后从父元素添加/删除该类。

所以在css:

<style type="text/css">
hidden{
  display:none;
} 
</style>

然后在你的代码中:

$submitted = isset($_POST['submit']);

当你渲染表格时:

<div class="<?=($submitted)?'':'hidden'; ?>">
    <form...
</div>

或者,根本不要渲染表格:

<?if(!$submitted){?>
<form...
<?}?>

答案 1 :(得分:0)

我会告诉你在你的<form>上添加一个onsubmit: <form onsubmit="DisplayLogin()">

还有其他一些JS

<script>
function DisplayLogin(){
    $('.login').css('display','block'); //using jquery
}
</script>

答案 2 :(得分:0)

我认为下面的jQuery应该适合你,但它很难,因为你没有包含很多代码。使用按钮buttonid替换class

$('.button').click(function() {
  $('.login').css('display', 'block');
});

JSFIDDLE

答案 3 :(得分:0)

您可以这样做:

&#13;
&#13;
if(isset($_POST['submit'])){
<!--here you close the php tag-->
<style type="text/css">
      .login {
             display: block;
      }
</style>
<!--here you open the php tag-->
}
&#13;
&#13;
&#13;