如何改变<input>类型？

本文的目的是改变 HTML 类型。 Javascript 提供 document.getElementById().type 选项来更改输入字段的类型。

句法：

• 选定的输入类型将更改为文本。

  document.getElementById("id_of_tag_to_be_changed").type="text"; 

• 选定的输入类型将变为按钮。

  document.getElementById("id_of_tag_to_be_changed").type="button";

• 选定的输入类型将更改为日期。

  document.getElementById("id_of_tag_to_be_changed").type="date"; 

例子：

HTML

  
    
      Please click on Button2 to see the type 
      of Button1 change from button to text
    
  
    
    
  
  
    function typeChanger() {
      alert("The type of Input1 will now change from button to text");
      document.getElementById("inputfield1").type = "text";
    }
  

输出：

输入到文本

笔记： 一些旧浏览器不允许动态更改输入字段的类型。