Question

我有一个GWT应用程序，我的目标是在移动设备上运行。我想使用新的HTML5 input type="tel"来接受手机输入并让移动设备提示输入正确的键盘（数字）。

我正在尝试使用GWT TextBox，但看不到让它以正确的输入类型呈现HTML的方法。

关于这个的任何想法？

提前致谢。

Answer 1

简单方法

TextBox tel=new TextBox();
tel.getElement().setAttribute("type", "tel");

TextBox email=new TextBox();
email.getElement().setAttribute("type", "email");

TextBox url=new TextBox();
url.getElement().setAttribute("type", "url");

Answer 2

创建自定义小部件：

package com.example;

import com.google.gwt.dom.client.InputElement;
import com.google.gwt.user.client.ui.TextBoxBase;

public class TelephoneBox extends TextBoxBase {

    public TelephoneBox() {
        super(createTelInput());
    }

    private static native InputElement createTelInput() /*-{
        var input = document.createElement("input");
        input.setAttribute("type", "tel");
        return input;
    }-*/;
}

然后你可以在UiBinder中使用它：

<ui:UiBinder ... xmlns:my="urn:import:com.example">
...
<my:TelephoneBox/>

Answer 3

mgwt（http://www.m-gwt.com）有很多不同的输入（也是手机输入），这是移动设备的GWT。你可能想看看它。

GWT HTML 5输入类型电话

3 个答案: