提交表单后更改html样式答案

【问题标题】：Change html style after submitting form提交表单后更改html样式
【发布时间】：2015-10-07 02:25:20
【问题描述】：

提交表单后，有没有办法将某些内容的样式从显示无更改为显示块？我正在检查表单是否已提交：

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

我猜它会在这里之后的某个地方......？

我试过了，但不开心......

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

谢谢

【问题讨论】：

添加您的完整代码....
从 php 添加这样的 CSS 不是一个好的 Thinq。你可以用 JS 改变风格！
你也可以给它分配一个不同的类，一个显示表单，一个隐藏它，然后用php相应地应用这个类。
@ssbb 并非总是可以使用 JS！

标签： php html css forms

【解决方案1】：

你可以这样做：

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

【讨论】：

【解决方案2】：

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

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

JSFIDDLE

【讨论】：

这不起作用，因为我使用的按钮是表单上的提交，因此页面会刷新。刷新后，它会将 css 样式设置回原始样式...
好的，您的问题中缺少此信息，以及许多其他信息，因此我们很难找到合适的答案。也许您可以在提交表单后在 URL 中发送一个参数，然后，如果该参数存在，则隐藏或显示您想要隐藏或显示的内容。 google.dk/…

【解决方案3】：

您可能应该为隐藏定义一个样式，然后从父元素中添加/删除该类。

所以在 css 中：

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

然后在您的代码中类似于：

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

当你渲染你的表单时：

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

或者，根本不渲染表单：

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

【讨论】：

【解决方案4】：

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

还有一些 JS

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

【讨论】：