0

我有一个使用 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">

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

谢谢！对此的任何帮助将不胜感激。

4

1 回答 1

1

您正在寻找placeholderhtml5 属性

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

http://jsfiddle.net/MesvN/

http://davidwalsh.name/html5-placeholder

于 2013-01-18T15:06:53.033 回答