Php 如何仅在表单提交后显示Div标记？

如何仅在表单提交后显示div标记

通过使用js或php

我想在提交表格后显示

Div标签代码：

<script type="javascript">
function onSubmit(){
    document.getElementById('submitButton').style.display = "none";
    document.getElementById('progressBar').style.display = "block";
}
</script>

<video id='video01'  width='160' height='90' data-autoresize='fit' data-volume=".5"  >
  <source type="video/mp4" src="<?php $data = json_decode($getGP, true); echo $data[1]['file'];?>" />
 <source type="video/mp4" src="<?php $data = json_decode($getGP, true); echo $data[0]['file'];?>" data-quality="hd"/>
</video>

<div id="submitButton">

<button class="button button1" ><a class='afterglow' id="mytrigger" href="#video01">Play Now</a></button>

</div>

函数onSubmit（）{
document.getElementById（'submitButton'）.style.display=“无”；
document.getElementById（'progressBar'）.style.display=“block”；
}
如果您想要一个
JavaScript
实现，您可以创建一个
CSS
类规则来最初隐藏
，然后在
onSubmit（）
函数回调中添加一个CSS类，将显示从
display:none至<代码>显示：块符合以下内容的内容：


函数onSubmit（）{
var element=document.getElementById（'submitButton'）
element.className+=“show ele”；
}
。隐藏元素{
显示：无；
}
.表演{
显示：块；
}

提交按钮Div
所以只有当
设置为（$\u POST['submit']）时才显示它
<form action="" method="POST" onSubmit="return onSubmit()"return false;>
    <input type="text" size="80" name="url" value="https://photos.google.com/share/AF1QipMTEPAiVF8t0YqLukflnOSQjwfd8ARIoT2h37AXvYO1uaWodbeiFoBUDuD_19tEbg/photo/AF1QipPA2Bq0JlAR9LoGD3mogsxSb9OZWEG4XqBDD4Rv?key=cjhUT0xrZjM5NGN2SVRLOVptZU5SMUlKV0lQYWpB"/>
    <input type="submit" value="Load Now" name="submit" />
</form>

<?php
    if( $_SERVER['REQUEST_METHOD']=='POST' ){
?>

<div id="submitButton">
    <button class="button button1" ><a class='afterglow' id="mytrigger" href="#video01">Play Now</a></button>
</div>

<?php
    }//close if
?>