清除移动网站表单字段元素上的默认文本

Question

好的我正在使用jQuery Mobile框架,我希望能够将文本或文本区域中的默认值用作帮助文本.但在焦点上清除文本并保留新输入的值.此外,重新聚焦(说他们错误地再次触摸它)不再重新清除价值.

我包括这些

<script type="text/javascript" src="http://code.jquery.com/jquery-1.5.min.js"></script>
<script type="text/javascript" src="http://code.jquery.com/mobile/1.0a3/jquery.mobile-1.0a3.min.js"></script>

这个例子不起作用

将其添加到页面本身:( 链接到示例)

<script type="text/javascript">
    $('.default-value').each(function() {
        var default_value = this.value;
        $(this).focus(function() {
            if(this.value == default_value) {
                this.value = '';
            }
        });
        $(this).blur(function() {
            if(this.value == '') {
                this.value = default_value;
            }
        });
    });
</script>

这是HTML(它也在表单标签中)

<!-- Address 2 -->
<div data-role="fieldcontain">
    <label for="address-2">Address 2</label>
    <input type="text" name="address-2" id="address-2" class="default-value" value="Apt #, Suite #, Floor #"  />
</div>

Answer 1

对于后代:在HTML5中有一个称为占位符的东西

<input type="text" name="address-2" placeholder="Apt #, Suite #, Floor #"  />

最新的基于webkit的浏览器目前支持占位符.