123456789101112131415161718192021222324252627282930313233343536373839404142 |
- <!DOCTYPE html>
- <html>
- <!--
- Copyright 2010 The Closure Library Authors. All Rights Reserved.
- Use of this source code is governed by the Apache License, Version 2.0.
- See the COPYING file for details.
- -->
- <head>
- <title>goog.ui.LabelInput</title>
- <link rel="stylesheet" href="css/demo.css">
- <style>
- .label-input-label {
- color: GrayText;
- }
- </style>
- <script src="../base.js"></script>
- <script>
- goog.require('goog.ui.LabelInput');
- goog.require('goog.dom');
- </script>
- </head>
- <body>
- <h1>goog.ui.LabelInput</h1>
- <p>This component decorates an input with default text which disappears upon focus.</p>
- <form>
- <input id=i name=i label='Search, add, or invite 1'>
- <div id=d></div>
- <script>
- var $ = goog.dom.getElement;
- var li1 = new goog.ui.LabelInput;
- li1.decorate($('i'));
- var li2 = new goog.ui.LabelInput('Search, add, or invite 2');
- var el = li2.render($('d'));
- li2.getElement().name = 'dynamic';
- </script>
- <button type="button">Faux Submit</button>
- </form>
- </body>
- </html>
|