Html 登录页面的google闭包UI模板

我是谷歌关闭的新手…谷歌有没有一个简单的模板来设计一个简单的用户注册/登录页面？我所看到的主要是用于UI操作的工具，如创建DOM等。

它有一个设计登录页面所需的组件。看看 用于AJAX的UI控件和goog.net

---

您不能使用闭包库呈现整个登录页面，但是您可以使用特定的ui组件生成输入、标签、表单、按钮等，并为每个组件指定操作。e

最好的方法是简单地使用它们，但是为预定义的goog.ui组件定义自己的自定义css有点不方便。这就是为什么我通常坚持使用通用的goog.dom.createDom函数

另一方面，您必须编写更多的代码才能获得相同的视觉效果，但我使用的是类似于gss的js实现，它在运行时以css样式计算所有变量，并自动为特定于浏览器/版本的css样式提供服务器，而不必为每个浏览器提供不同的样式表。更快、更干净，而且在处理时间方面只稍微贵一点

闭包库中有很多很酷的东西，特别是当涉及到用户界面时，只要弄清楚您需要什么以及您计划的用户范围。如果你想与使用中的几乎所有浏览器完全兼容，从IE 5+开始（我说IE，因为这是最糟糕、最难实现兼容的浏览器）、Firefox、Chrome、Safari、Dolphin、手机浏览器等等，闭包库的模块化设计使您能够在运行时计算特定于浏览器的CSS，而无需花费昂贵的过程

function setUp() {
    var li1 = new goog.ui.LabelInput('USER NAME');
            li1.render(goog.dom.getElement('d1'));
    var li2 = new goog.ui.LabelInput('PASSWORD');
            li2.render(goog.dom.getElement('d2'));  
    var fb1 = new goog.ui.Button('Login',
            goog.ui.FlatButtonRenderer.getInstance());
            fb1.render(goog.dom.getElement('fb1'));
         goog.events.listen(fb1, goog.ui.Component.EventType.ACTION,
            function(e) {
             alert('welcome');
            }); 
}

在ID为“d1”、“d2”和“fb1”的div标记中访问上述脚本