CSS加载点击提交按钮

Question

我正在构建一个高级搜索表单，并在提交标准后会返回搜索结果。

我想为此实现一个页面加载器，所以提交它然后触发加载页面

本教程适用于页面本身 https://www.w3schools.com/howto/howto_css_loader.asp

当点击提交按钮时，有人可以帮助我完成这项工作吗？

Answer 1

通过直接添加按钮

，可以在单击提交按钮时使用JavaScript显示加载程序

<input type="submit" onclick="document.getElementById(ID_OF_YOUR_LOADER).style.display='initial';">

或单独的脚本 - 标签：

<script>
   document.getElementById(ID_OF_YOUR_SUBIMT_BUTTON).onclick=function(){
      document.getElementById(ID_OF_YOUR_LOADER).style.display='initial';
   }
</script>

您的装载机看起来像这样：

<div id="ID_OF_YOUR_LOADER" class="loader" style="display:none"></div>