password输入框禁用下拉选择

页面上的输入框在点击时出现下拉选择，如下所示：

有时候，我们需要把它去掉，要怎么做呢？

页面原始的写法如下（以第一个输入框“原始密码”为例）：

<input type="password" name="oldPassword" id="oldPassword" maxlength="32" size="75" autocomplete="off" placeholder="请输入您的原密码" />

我们发现，autocomplete=”off” 根本没用，这时候的解决办法是把原来的password框隐藏，然后新增一个没有name和id属性的password框，如下：

<input type="password" name="oldPassword" id="oldPassword" autocomplete="off" style="display:none;" />
<input type="password" class="myclass" maxlength="32" size="60" aria-required="true"  
placeholder="请输入您的原密码" onblur="showValue('oldPassword',this.value);" />

其中showValue方法如下：

 function showValue(id,val){
     document.getElementById(id).value=val;
     $("#"+id).blur(); //实现原始输入框的onblur事件
 }

这样一来既可以去掉下拉选择框，也可以实现原始输入框的onblur事件。