1

私はテキストフィールドにデフォルト値を入れるために以下を使用しています

<textarea name="message" id="message" cols="30" rows="5" value="Comment"
    class="form_text text-input shadow" title="Comment"
    onblur="if (this.value == '') {this.value = 'Comment';}" 
    onfocus="if (this.value == 'Comment') {this.value = '';}">
</textarea>

そしてそれは部分的に機能します。フィールドには最初はデフォルト値が表示されませんが、何も入力せずにフィールドの内側をクリックしてから外側をクリックすると、「コメント」と表示されます。

フォームが読み込まれたときに「コメント」が表示されるように、これをどのように変更できるか考えてみてください。

4

6 に答える 6

4

価値使用を使用しないでください：

<textarea name="message" id="message" cols="30" rows="5"
    class="form_text text-input shadow" title="Comment"
    onblur="if (this.innerHTML == '') {this.innerHTML = 'Comment';}" 
    onfocus="if (this.innerHTML == 'Comment') {this.innerHTML = '';}">
Comment
</textarea>
于 2012-04-12T17:58:29.697 に答える
3 
<textarea>default value</textarea>

それでうまくいくはずです。

于 2012-04-12T17:57:54.437 に答える
3

Textareaのデフォルトテキストはタグで囲む必要があります

<textarea> this is my default text </textarea>
于 2012-04-12T17:58:27.280 に答える
2

この<textarea>要素にはvalue属性がありません: デフォルト値は、開始タグと終了タグの間に記述した値です:

<textarea>My default value</textarea>

Javascript では、このテキストに.innerHTML(または jQuery を使用して.val()) アクセスできます。

実現しようとしている動作については、HTML5 プレースホルダー属性を使用し、古いブラウザー用の jQuery ポリフィルを使用できます。

于 2012-04-12T18:00:52.703 に答える
1

textarea に value 属性ではない innerHTML があります。(value="Comment" は値を設定する正しい方法ではありません)

試す、

<textarea name="message" id="message" cols="30" rows="5" 
   class="form_text text-input shadow" title="Comment"  
   onblur="if (this.value == '') {this.value = 'Comment';}" 
   onfocus="if (this.value == 'Comment') {this.value = '';}">
   Comment
</textarea>
于 2012-04-12T17:59:40.217 に答える
1 
<textarea>Value</textarea>

または、jquery 経由で $(document).ready() を使用した場合は、ロード時に JavaScript 経由で値を割り当てることができます。

于 2012-04-12T18:03:31.097 に答える