Question

如何在gmail插件中使用html服务创建简单的表单，我很难创建表单，我试过以下代码，

的login.html：

<!DOCTYPE html>
<html>
  <head>
    <base target="_top">
  </head>
  <body>
<div class="gray-bg" style="min-height:100vh">

    <div class="middle-box text-center loginscreen animated fadeInDown" style="padding-top:20%">
        <div>
            <p>Login in. To see it in action.</p>
            <form name="login_form" class="m-t" role="form" >
                <div class="input-group m-b">
                    <span class="input-group-addon">
                        <i class="fa fa-home"></i>
                    </span>
                    <input type="number" class="form-control" name="clientId" placeholder="Id" required>
                </div>
                <div class="input-group m-b">
                    <span class="input-group-addon">
                        <i class="fa fa-user"></i>
                    </span>
                    <input type="text" class="form-control" name="username" placeholder="Username" required>
                </div>
                <div class="input-group m-b">
                    <span class="input-group-addon">
                        <i class="fa fa-lock"></i>
                    </span>
                    <input type="password" class="form-control" name="password" placeholder="Password" required>
                </div>
                <button  type="submit" class="btn btn-primary block full-width m-b">
                   Sign In
                </button>
                </form>
        </div>
    </div>
    </div>
  </body>
</html>

code.gs

var html_from_file = HtmlService.createTemplateFromFile('login').evaluate().getContent();
  return CardService.newCardBuilder()
  .setHeader(CardService.newCardHeader().setTitle('Login'))
  .addSection(CardService.newCardSection().addWidget(CardService.newKeyValue().setContent(html_from_file)))
  .build();

如何在gmail插件中构建表单？

提前致谢

Answer 1

我们无法在gmail插件中创建表单。 Google团队使用CardService为UI引入了新概念。如果您想为gmail插件构建UI，请按照以下快速教程进行操作：Tutorial

谷歌脚本，gmail插件使用html服务创建简单的表单

1 个答案: