自動清除和替換特斯塔面積值

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