Question

我有一个用php编写的桌面网站。

我有一个带有提交按钮的表单，该按钮具有显示单词“ next”的图像形式。当我的用户填写表格并单击它时，我希望它显示加载的gif。我已经放置了必要的编码（据我所知）来执行此操作，但它不会用加载的gif替换下一张图像。谁能接受我的错。

下面的相关代码部分。

<div class="bb"><input type="image" src="./img/next.png" alt=" Create 
My Account " onclick="ButtonClicked()"/></div>
<div class="lb"><input type="image" src="./img/loading6.gif" alt=" 
loading button "/></div>
<BR>
<BR>
<BR>

</form>

</div>

<script type="text/javascript">

function ButtonClicked()
{
document.getElementById("bb").style.display = "none"; // to undisplay
document.getElementById("lb").style.display = ""; // to display
return true;
}
var FirstLoading = true;
function RestoreSubmitButton()
{
if( FirstLoading )
{
  FirstLoading = false;
  return;
}
document.getElementById("bb").style.display = ""; // to display
document.getElementById("lb").style.display = "none"; // to undisplay
}
// To disable restoring submit button, disable or delete next line.
//document.onfocus = RestoreSubmitButton;
</script>

Answer 1

您将class用于getElementById，将类替换为“ id”会更好地工作。

每个id必须是单个ID，您不能多次使用相同的ID。

并使用img标签而不是图片输入。

得出display =“”和display =“ none”的结论是相同的，使用display ='block'或display ='inline-block';

Answer 2

因为您的HTML上没有“ ID ”。您已将班级名称设置为'bb'和'lb'。将这些类替换为 id ，它将起作用。因此，如下更改HTML。

<div id="bb"><input type="image" src="./img/next.png" alt=" Create 
My Account " onclick="ButtonClicked()"/></div>
<div id="lb"><input type="image" src="./img/loading6.gif" alt=" 
loading button "/></div>
<BR>
<BR>
<BR>

</form>

</div>

提交按钮替换图片

2 个答案: