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

placeholderあなたはhtml5属性を探しています

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

http://jsfiddle.net/MesvN/

http://davidwalsh.name/html5-placeholder

于 2013-01-18T15:06:53.033 に答える