input搜索框的隐藏和显示

应用场景：多个搜索框合并为一，用ajax返回值来判断输入的值是哪种，相应切换input框

思路：

1：display

2：type

代码：

<input id="input1" style="display:inline;"/> <input id="input2" style="display:inline;"/>

<inputid="input1" style="type:hidden;"/> <input id="input2" style="type:text;"/>

但是在ie8下：

getElementById(input1).type = "hidden";或getElementById(input1).type = "text";是不支持的

综上所述，用display来控制显隐是最适用的