Question

我有一个简单的表单，使用Value来告知用户他们要在每个文本区域放置什么。我已经能够使用此javascript使文本区域自动清除：

<script type="text/javascript">
function setValue(field)
{
    if(''!=field.defaultValue)
    {
        if(field.value==field.defaultValue)
        {
            field.value='';
        }
        else if(''==field.value)
        {
            field.value=field.defaultValue;
        }
    }
}
</script>

如果用户没有填写文本区域并且不再选择它，我需要添加什么才能重新显示值？这是表单标记，如果这有助于任何：

<form method="post" action="<?php echo $PHP_SELF; ?>">
<input type="text" name="first" value="First Name" class="slide-form-input" onfocus="setValue(this)" onblur="setValue(this)">
<input type="text" name="last" value="Last Name" class="slide-form-input" onfocus="setValue(this)" onblur="setValue(this)"> <br>
<input type="text" name="address" value="Address" class="slide-form-input" onfocus="setValue(this)" onblur="setValue(this)">
<input type="text" name="city" value="City" class="slide-form-input" onfocus="setValue(this)" onblur="setValue(this)"><br>
<input type="text" name="state" value="State" class="slide-form-input" onfocus="setValue(this)" onblur="setValue(this)">
<input type="text" name="zip" value="Zip" class="slide-form-input" onfocus="setValue(this)" onblur="setValue(this)"><br>
<input type="text" name="phone" value="Phone" class="slide-form-input" onfocus="setValue(this)" onblur="setValue(this)">
<input type="radio" name="day" value="Day"> Day  
<input type="radio" name="evening" value="Evening"> Evening <br>
<input type="text" name="email" value="Email" class="slide-form-input" onfocus="setValue(this)" onblur="setValue(this)">
<input type="submit" name="submit" value="Send Request" class="push_button blue">

（抱歉措辞不好，现在还早！）

谢谢！对此有任何帮助将非常感激。

Answer 1

您正在寻找placeholder html5属性

<input type="text" palceholder="First Name" />

http://jsfiddle.net/MesvN/

http://davidwalsh.name/html5-placeholder

自动清除＆amp;填充Texta面积值

1 个答案: