使用javascript隐藏表单中的文本框

Question

隐藏输入文本框的正确方法是什么？以下似乎适用于除 Internet Explorer 之外的所有浏览器。我在IE8上测试。

var field = document.getElementsByTagName("input")[0];
field.type = 'hidden';

对于记录，以下内容不起作用：

var field = document.getElementsByTagName("input")[0];
field.style.display = 'none';

这两项都不起作用：

var field = document.getElementsByTagName("input")[0];
field.setAttribute("type", "hidden");

Answer 1

研究这个问题的迹象是IE不允许你这样做。

本文解释了您为实现类似效果所做的工作：

http://www.universalwebservices.net/web-programming-resources/javascript/change-input-element-type-using-javascript

  

然而，我们大多数人认为有必要   提交互联网的要求   资源管理器。为了满足这些需求，我们   必须：

     

  
• 动态创建新元素
  
• 将旧元素的属性复制到新元素
  
• 将新元素的类型设置为新类型
  
• 然后用新元素
替换旧元素   

这个代码也是由本网站转载的，所以我想让你为了网页点击而访问它。

我会对其他浏览器中IE的不同之处感兴趣，这会导致问题。

另外，有人想在IE9上试试吗？

Answer 2

我想知道为什么style.display='none'不起作用。你试过style.visibility = 'hidden'吗？