为什么表单会导致图像的可见性发生变化？

Question

我有一个非常简单的形式：

＆＃13;

＆＃13;

<form>
   <input type="text" onchange="togglePic()">  
   <img src="img/family.JPG" id="pictest">
</form>

＆＃13;

＆＃13;

＆＃13;

然后我有以下脚本：

＆＃13;

＆＃13;

function togglePic() {

	var imageOBJ = document.getElementById("pictest");

	if (imageOBJ.style.visibility == "hidden")
		imageOBJ.style.visibility = "visible";
	else
		imageOBJ.style.visibility = "hidden";

}

＆＃13;

＆＃13;

＆＃13;

当我执行时，图片消失并且总是重新出现。在代码正确执行的同时，它似乎重置了图像对＆＃34;＆＃34;的可见性。而不是保持隐藏或可见的设置。 如果我删除表单标记，代码就可以正常工作。

我不是在寻求另一种方法来实现这一点（因为我知道有几种选择）。我只是想了解为什么表单标签阻碍了可见性属性的设置。