2

ユーザーが領域をクリックする前にいくつかの例を表示して（例が消える）、独自のものを追加できるテキストエリアを作成しようとしています。これまでのところこれはありますが、ページを開いたときに例が読み込まれません。使用してonloadを試してみましたが、うまくいかないようでした。領域をクリックしてぼかしても機能は正常に動作しますが、ユーザーはそれを行う必要はありません。私が間違っているアイデア

<textarea STYLE='background:white; height:80; width:100%;' name="kpi_notes" value="Example"
onfocus="if (this.value == 'Example') {
  this.value = '';
  this.style.color = '#B300A1';
}"
onblur="if (this.value == '') {
  this.value = 'Example'
  this.style.color = '#919191';
}"
style="color:#919191"; ></textarea>
4

4 に答える 4

4

textarea 要素の場合、値は として設定するのではなく、タグの間にある必要がありますvalue="Example"。

<textarea STYLE='background:white; height:80; width:100%;' name="kpi_notes"
onfocus="if (this.value == 'Example') {
  this.value = '';
  this.style.color = '#B300A1';
}"
onblur="if (this.value == '') {
  this.value = 'Example'
  this.style.color = '#919191';
}"
style="color:#919191"; >Example</textarea>

または、ターゲット ブラウザーがサポートしている場合は、プレースホルダー属性の使用を検討してください。

<textarea placeholder="Example"></textarea>
于 2013-02-21T02:26:03.690 に答える
1 
<textarea name="kpi_notes" placeholder="Example">
</textarea>

IE9 では動作しません。IEをねじ込みます。

于 2013-02-21T02:26:12.740 に答える
0

2 つのタグの間に入れたものがデフォルト値です。

例えば：

<textarea>Text hint</textarea>
于 2013-02-21T02:30:00.417 に答える
0

innerHTML代わりに使用する必要があると思いますしたがって、テキストエリアにはプロパティがvalue まったくありませんvalue

于 2013-02-21T02:27:02.500 に答える