Question

我正在尝试使用this post以获取动画gif for Please wait message ....按钮点击。但是，当我打开我正在测试的示例html页面时，我得到一个输入框而不是带有图像的按钮。

以下是我在测试页面上尝试的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>

Answer 1

像这样复制粘贴代码时要小心。这是错的：

type=”button”

这是对的：

type="button"

注意区别？如果您从没有正确格式化代码的网站复制代码，则会发生这种情况。

Answer 2

根据您的教程，输入应为“image”类型，而不是“button”。

Answer 3

将您的input类型更改为image。 src仅对image有效。

另外，看来你的问题与你的“请等待”动画gif无关，所以也许你的标题会产生误导。

请使用javascript等待动画gif

3 个答案: