Question

我按以下方式创建了一个文本框

<input type="text"  name="email" id="email" class="text_inp2" value="Email" onclick="if(this.value=='Email'){this.value='';}" onblur="if(this.value==''){this.value='Email';}" />

因此，它将文本框中的默认文本显示为Email，当我编辑类似admin@stackoverflow.com的内容时，当我提交时（即PHP Post函数），它仍然将值发布为{{1但不是Email我不想使用Query String方法。无论如何我可以通过使用简单的PHP Post函数来摆脱它。

Answer 1

您可以使用：

onchange="
if(this.value === this.defaultValue){
    this.value = '';
}
else if (this.value === '') {
    this.value = this.defaultValue;
}"

或对那些讨厌的旧浏览器使用placeholder属性......

我在我正在开展的一个项目中找到了这个，不确定它是否有效，但是如果你有现代化器，你可以尝试一下

if(!Modernizr.input.placeholder){
    $('[placeholder]').focus(function(){
        if($(this).val() === $(this).prop('placeholder')){
            $(this).val('');
            $(this).removeClass('placeholder');
        }
    }).blur(function(){
        if($(this).val() === '' || $(this).val() === $(this).prop('placeholder')){
            $(this).addClass('placeholder');
            $(this).val($(this).prop('placeholder'));
        }
    }).blur();
    $('[placeholder]').parents('form').submit(function(){
        $(this).find('[placeholder]').each(function(){
            if($(this).val() === $(this).prop('placeholder')){
                $(this).val('');
            }
        });
    });
}

文章框值在发布时不会更改

1 个答案: