文章/答案/技术大牛

发布

社区首页 >问答首页 >如何在表单提交后才显示Div标签？

问如何在表单提交后才显示Div标签？
EN

Stack Overflow用户

提问于 2019-04-06 22:01:54

回答 2查看 56关注 0票数 1

如何在表单提交后才显示div标签？

使用js或php..！

我想在提交表单后显示<div id=submitButton>

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>

Html表单代码：

<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

html

forms

回答 2

Stack Overflow用户

回答已采纳

发布于 2019-04-06 22:20:08

如果你想要一个JavaScript实现，你可以创建一个CSS类规则来最初隐藏<div id="submitButton">，然后在你的onSubmit()函数回调中添加一个CSS类，将显示从display:none;改为display:block;，如下所示：

function onSubmit(){
  var element = document.getElementById('submitButton')
  element.className += "show-ele";
}

.hide-ele {
  display: none;
}

.show-ele {
  display:block;
}

<!DOCTYPE html />
<html>
  <head>
  </head>
  <body>
    <div id="submitButton" class="hide-ele">Submit Button Div</div>

    <form action="/" method="POST" onSubmit="return onSubmit()"return false;>
      <input type="text" size="80" name="url" value="<Insert your Video URL here>"/>
      <input type="submit" value="Load Now" name="submit" />
    </form>
  </body>
</html>

然后，您可以通过添加适当的hide-ele和show-ele CSS类来管理元素的显示/隐藏。

希望这能有所帮助！

票数 0

Stack Overflow用户

发布于 2019-04-06 22:12:34

<?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
?>

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/55549833

复制

相似问题

问如何在表单提交后才显示Div标签？
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在表单提交后才显示Div标签？EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在表单提交后才显示Div标签？
EN