0

この HTML コードを使用して、お問い合わせフォームを表示しています。

<input type="text" onblur="if(this.value=='')this.value='Name:';" onfocus="if(this.value=='Name:')this.value='';" value="Name:" name="name">
    <input type="text" onblur="if(this.value=='')this.value='Phone:';" onfocus="if(this.value=='Phone:')this.value='';" value="Phone:" name="phone">
        <input type="text" onblur="if(this.value=='')this.value='Email:';" onfocus="if(this.value=='Email:')this.value='';" value="Email:" name="email">
        <textarea onfocus="if(this.value=='Message!')this.value='';" onblur="if(this.value=='')this.value='Message!';">Message!</textarea>
        <input type="submit" value="SUBMIT" class="sub_btn"/>

このフォームでは、私のプレースホルダーはうまく機能しています。マウス フォーカス プレースホルダーが消えるが、マウス アウト プレースホルダーが再び表示されるときを意味します。Contact Form 7でも同じものが欲しいです。

質問：

このスクリプトをコンタクト フォーム 7 フィールドに適用するにはどうすればよいですか。onfocus="if(this.value=='Message!')this.value='';" onblur="if(this.value=='')this.value='Message!';"

4

1 に答える 1

1

テキストエリアの場合、value属性は機能しません。次のようなものを使用する必要があります (このスニペットはテストしていません):

onfocus="if(this.textContent=='Message!')this.innerHTML='';"
onblur="if(this.textContent=='')this.innerHTML='Message!';"

textContent属性はinnerHTMLに似ていますが、HTML タグからコンテンツを取り除きます。

乾杯、

于 2013-10-04T08:19:11.173 に答える