在html表单提交时加载动画

我最难找到的信息似乎是一个非常简单的元素

基本上，我有一个html表单，它有一个下拉列表。单击“Go”后，我希望表单或页面显示正在加载的gif动画，直到出现下一页

我必须使用javascript来完成这个任务吗？否则能做到吗

以下是我正在使用的表单代码：

<form name="form1">
<select style="width:200px;font-size:14px;color:#764813;font-family:verdana;background-color:#ffffff;" name="menu">
<option value="http://www.google.com">google</option>
<option value="http://www.amazon.com">amazon</option>
</select>
<input style="font-size:14px;color:#ffffff;font-family:verdana;background-color:#ff8800;" type="button" onClick="location=document.form1.menu.options[document.form1.menu.selectedIndex].value;" value="Go">

谷歌
亚马逊

这里的选项谷歌和亚马逊就是例子。在我的网站上，它们是需要一段时间才能加载的页面，所以我想向访问者显示，在他们单击“Go”后，活动正在进行

非常感谢您对此的深入了解。

只需添加一个显示样式设置为“无”的标签即可：

只需添加一个显示样式设置为“无”的

标记：

---

您可以使用Javascript加载加载图像，如下所示：

document.getElementById('loadingGif').style.display = "block";

谷歌
亚马逊

您可以使用Javascript加载加载图像，如下所示：

document.getElementById('loadingGif').style.display = "block";

谷歌
亚马逊

是的，您必须使用JavaScript至少显示和隐藏动画。但是动画可以是静态的gif动画，是的，你必须使用JavaScript来显示和隐藏动画。但是动画可以是静态的gif动画。

 <form name="form1">
    <select style="width:200px;font-size:14px;color:#764813;font-family:verdana;background-color:#ffffff;" name="menu">
    <option value="http://www.google.com">google</option>
    <option value="http://www.amazon.com">amazon</option>
    </select>
    <input style="font-size:14px;color:#ffffff;font-family:verdana;background-color:#ff8800;" type="button" onClick="document.getElementById('loading').innerHTML = "Redirecting...<img src=\"loading.gif\"/>";location=document.form1.menu.options[document.form1.menu.selectedIndex].value;" value="Go">
<span id="loading"></span>