Jquery mobile 使用Play框架的JQuery移动表单助手

我正在尝试将播放验证模块与我的应用程序的移动端集成。我想对每个页面使用JQuery mobile，而不是Twitter引导。因此，我创建了一个单独的视图，我刚刚设置了一个基本索引，我正在尝试让登录页面首先工作。登录页面以表单作为其论据，我只是想知道是否有一种方法可以将Play2.0.*中的scala表单助手用于JQuery Mobile

到目前为止，我的基本登录页面：

@(loginForm: Form[_])

@import helper._

@main(Messages("playauthenticate.login.title"),"login") {
            <div data-role="content">
                <div data-role="fieldcontain">
                    <label for="textinput1">
                        Your Email
                    </label>
                    <input name="" id="textinput1" placeholder="" value="" type="email" />
                </div>
                <div data-role="fieldcontain">
                    <label for="textinput2">
                        Your Password
                    </label>
                    <input name="" id="textinput2" placeholder="" value="" type="password" />
                </div>
                <a data-role="button" href="#page1">
                    Login Now
                </a>
                <h4>
                    Or login with a different service:
                </h4>
                      @* Display list of available providers *@
                      @_providerPartial(skipCurrent=false)
                <a data-role="button" data-transition="slidedown" href="routes.Application.index()">
                    Home
                </a>
            </div>
}

@（loginForm:Form[\uz]）
@导入助手_
@main（消息（“playeuthenticate.login.title”），“login”）{
你的电子邮件
你的密码
或使用其他服务登录：
@*显示可用提供者的列表*@
@_providerPartial（skipCurrent=false）
}

这是使用Twitter引导时的外观

是的，而且。。。没有

正如您向我们展示的那样，jQueryMobile有其特定的表单标记，因此内置的

助手

在任何方面都不适合它

您有两种解决方案，要使用的解决方案属于您自己：

• 如果您只有很少的表单，请根据需要使用通用HTML编写它们
• 否则，如果你计划在很多地方使用很多表单，如果你。。。写自己的

当然，如果您决定采用第二种方法，那么如果您决定与其他人分享，这将是非常棒的：）