如何在手机网页开发过程中禁用文本框的输入法？

Question

如题，我想开发一个手机页面，并且在页面的文本框中禁用输入法，这个文本框其实就是日期选择控件的一部分，在获取焦点后会弹出日历菜单供给用户选择，因此就不再需要输入法了，请问该如何操作呀？

之前在网上查找资料的时候说是设置css属性ime-mode:disabled。不过我写成下面这样后貌似不起作用，输入法还是会出现。

<input id="text1" type="text" class="form-control" tag="date" real_value="" style="width:100px;ime-mode:disabled;"/>

请问该肿么办？

Answer 1

用js的解决方案是在显示日历前disable这个input:

$('.datepicker').datepicker({
    beforeShow: function() {
        $(this).attr("disabled", true);
    },
    onClose: function() {
        $(this).attr("disabled", false);
    }
})

还有可以试试设置该input readonly="true"

Answer 2

<input id="text1" type="text" class="form-control" tag="date" real_value="" style="width:100px;ime-mode:disabled;" this.focus="this.blur();" />