0

こんにちは、下のテキストは js からのプレースホルダーです。その色は#ccc、テキストエリアの色を黒にする必要があります。現在、プレースホルダーの色を取っています。 

<textarea id="txt1" class="txt1 required" name="comment1"></textarea><br>


 var firstname = userModel.get('firstName');
  $('textarea#txt1').val('Hey ' +firstname+',\nTell us what is on your mind').css('color','#ccc');
    });

テキストエリアとプレースホルダーに異なる色を付ける方法

4

3 に答える 3

4

プレースホルダー テキストは、次のplaceholderように属性を使用して設定できます。

var name = "some name";

$('#txt1').attr('placeholder', 'Hey ' + name + ', Tell us what is on your mind');

http://jsfiddle.net/rxhHS/1/

于 2012-11-20T05:57:17.110 に答える
0

CSS の使用

   .txt1{background-color:black;color:white;}
    #txt1::-webkit-input-placeholder {
      color: #ccc;
    }

デモ

于 2012-11-20T05:57:15.757 に答える
0

基本的に、テキストエリアに色を定義しています。したがって、すべてのテキストで等しくなります。

HTML 5 を使用している場合は、次のようにテキストエリアを記述できます。

<textarea id="txt1" 
    placeholder='Hey, Tell us what is on your mind' 
    class="txt1 required" name="comment1"></textarea>

しかし、HTML5 を使用していない場合は、非常に優れた jQuery プラグインを使用できます (個人的に使用しました)。

https://github.com/mathiasbynens/jquery-placeholder

編集

に名前を追加したいplaceholder。

var firstname = userModel.get('firstName');
$('textarea#txt1').attr('placeholder','Hey '+firstname+', Tell us what is on your mind');
于 2012-11-20T06:01:23.263 に答える