input text唤起英文输入键盘

andypines
  • 31

现在有个
<input type="text" />

我写了一些样式,现在的需求是,用手机点击输入框的时候,强行唤起英文输入键盘,该怎么弄?

另外
我下面有个<div class = "btn"></div>
怎么 当上面输入框无输入内容的时候默认为 灰色,,然后有内容的时候变成黄色

回复
阅读 22.1k
4 个回答
brook
  • 3.1k
✓ 已被采纳

我记得默认好像是英文输入键盘吧,如果不是可以设置成这样

<input type="text" autocapitalize="on"/>
uaison
  • 65

自己写了个方法,聚焦时改变input的type为url,调用英文键盘,失焦时又改回text,由于用户可能自己切换输入法,所以再判断一下输入中文的情况。

<input type="text" class="no-ime">


$(".no-ime").focusin(function(){
    $(this).attr("type","url");
});
$(".no-ime").focusout(function(){
    $(this).attr("type","text");
});
$(".no-ime").on("input", function(){
    var that = $(this);
    var val = that.val();
    var expression = /[\u4E00-\u9FA5]/;
    var rep = new RegExp(expression);
    if(rep.test(val)){
        alert("请使用拼音输入!");
        that.val("");
    }
});
宣传栏