我正在尝试使用这篇文章来获取请稍候消息的动画 gif....在按钮单击时。但是,当我打开正在测试的示例 html 页面时,我得到一个输入框,而不是带有 am 图像的按钮。
下面是我在测试页面上尝试的 html 代码。
<html>
<script type="text/javascript">
function loadSubmit() {
var ProgressImage = document.getElementById('progress_image');
document.getElementById("progress").style.visibility = “visible”;
setTimeout(function(){ProgressImage.src = ProgressImage.src},100);
return true;
}
</script>
<body>
<p style="visibility:hidden;" id="progress">
<img id="progress_image" style="padding-left:5px;padding-top:5px;" src="ajax-loader.gif" alt=""> Uploading in progress… </p>
<input class="contSubmit" onclick="return loadSubmit()" type=”button” src= "submitinfo_btn.png" />
</body>
</html>
像这样复制粘贴代码时要小心。这是错误的:
type=”button”
这是正确的:
type="button"
注意到区别了吗?如果从未启用正确代码格式的网站复制代码,则会发生这种情况。
根据您的教程,输入的类型应该是"图像",而不是"按钮"。
将input
类型更改为image
。src
仅对image
有效。
此外,您的问题似乎与您的"请稍候"动画 gif 无关,所以您的标题可能具有误导性。