提交表单后更改html样式 - Change html style after submitting form

Change html style after submitting form

本文关键字：html 样式表单提交 | 更新日期: 2023-09-27

是否有一种方法来改变从显示none到显示块表单提交后的样式?我正在检查表单是否已经提交:

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

我猜它在这里之后的某个地方…?

我已经试过了，但是没有乐趣…

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

谢谢

你应该为hidden定义一个样式，然后在父元素中添加/删除这个类。

在css中:

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

然后在代码中像这样:

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

当你渲染表单时:

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

或者，干脆不渲染表单:

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

我会告诉你添加你的<form>和onsubmit:<form onsubmit="DisplayLogin()">

和其他一些JS

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

我认为下面的jQuery部分应该适合您，但由于您没有包含很多代码，因此非常困难。将button替换为按钮的id或class。

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

JSFIDDLE

你可以这样做:

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