1

テキストエリアにデフォルト値を表示しようとしています.クリックすると既存のデータがクリアされ、デフォルトのテキストが表示されます.次は私のコードです->

<textarea class="TextArea" id="appfield" name="appfield" style="height:44px;" rows="2" onfocus="deletetext(this)" onblur="filltext(this)" value="defaulttext"></textarea>

値が textarea に表示されません。何が問題なのですか?この Web サイトのタイトル テキストボックスにも同様のケースがあります。私の場合も同じように実装する必要があります。答えを提案してください。

4

4 に答える 4

2

正しい方法は

<textarea ...>defaulttext</textarea>

ただし、問題を再現するには、機能するフィドル (機能を含む) を設定する必要があります。

于 2012-09-25T11:27:55.433 に答える
2

オプションがあり、HTML5 を使用したい場合は、プレースホルダー属性を使用して実行できます。

<textarea 
    class="TextArea" 
    id="appfield" 
    name="appfield" 
    style="height:44px; 
    rows="2" 
    placeholder="default text"
    value=""></textarea>

他のオプションは

<textarea 
    onfocus="if(this.value==this.defaultValue)this.value='';"
    onblur="if(this.value=='')this.value=this.defaultValue;"
    class="TextArea"
    id="appfield" 
    name="appfield" 
    style="height:44px; 
    rows="2">default text</textarea>
于 2012-09-25T11:29:16.757 に答える
2

これを使用できます 

 <textarea  id="username"  name="username" 
onfocus="if(this.value=='somevalue') { this.value='';this.style.color='#333333';}" 

onblur="if(this.value=='') {this.value='somevalue'; this.style.color='#B2B2B2';}">
somevalue
</textarea>
于 2012-09-25T11:33:03.793 に答える
0

JavaScript を使用する代わりに、プレースホルダーを使用できます。jsfiddle . ただし、プレースホルダーは古いブラウザーではサポートされていません。jquery ライブラリを使用できます。

<textarea class="FullTextArea" id="applyfieldscontrol" name="applyfieldscontrol" style="height:44px"  placeholder="defaulttext"></textarea>
于 2012-09-25T11:31:08.520 に答える