@@ -63,9 +63,17 @@ <h2>Title as placeholder text</h2> <form method="get"> - <input title="placeholder text" name="value2" class="thc2-placeholder-input" title="xyz" id="value2"/> + <input title="placeholder text" name="value2" class="thc2-placeholder-input" id="value2"/> <input type="submit"/> </form> + <h2>Title as placeholder text for texarea</h2> + + <form method="get"> + <textarea title="placeholder text" name="value3" class="thc2-placeholder-input"id="value3"></textarea> + <input type="submit"/> + </form> + + </body> </html> \ No newline at end of file examples/placeholder_widget.html @@ -9,9 +9,11 @@ /** * This widget displays a placeholder in a text input field that disappears on focus. * - * <p>The placeholder is the value of the text input field. If the field is empty on + * <p>The placeholder is the title of the text input field. If no title is set the value + * is used instead. If the field is empty on * blur, the placeholder appears again. Because of that, it is possible that the - * placeholder is sent along with the enclosing form on submit.</p> + * placeholder is sent along with the enclosing form on submit. This does not happen when + * using the title which is the recommended use.</p> * * <p>When the placeholder is displayed, the text field has the CSS class * <code>placeholder-input</code>. You can use this fact for shading the text field src/widgets/placeholder_input_widget.js 368b32ba426d1d926a7544880b8e7db482973cc6 Alexander Lang alex@upstream-berlin.com http://github.com/imedo/thc2/commit/1f0bc09c9a4dd96c9c60b521b9a84d72932d0bbf 1f0bc09c9a4dd96c9c60b521b9a84d72932d0bbf 2008-11-18T08:40:14-08:00 2008-11-18T08:40:14-08:00 added example for text_area, updated documentation 252813eca0310246dfbf03986b63db5a2a2ec700 Alexander Lang alex@upstream-berlin.com