1


0

CSSを使用してテキストフィールドの初期テキストの色をどのように変更しますか?

また、フィールドをクリックするとテキストが消え、クリックするとテキストが再表示されますか?

3 Answer


2


color cssプロパティは、テキストの色を設定するために使用されます。 名前値、rgb値、または16進値を使用できます。

イベントに反応して要素の可視性を変更するには、JavaScriptの知識が必要です。 これを実現するために、JavaScriptライブラリであるjQueryを使用できます。 toggling動作により、要素を非表示にしてから再表示できます。

ユーザーがそれに注目するまでテキストボックスにデフォルトのテキストを置くようなものが必要な場合は、フォーカスイベントとブラーイベントを処理する必要があります。 このhttp://www.dailycoding.com/Posts/default_text_fields_using_simple_jquery_trick.aspx[posting]にはこれに関するチュートリアルがあります。


1


最初の質問の色属性を意味するだけですか? フィールドをクリックするとテキストが消えるということは、html入力フィールドのことですか?

divだけの場合、onmouseoverイベントとonmouseoutイベントを設定してdivを非表示にする(おそらくdisplay:blockとdisplay:noneを使用する)ことでそれを実現できます。


1


CSS:

input.placeholder {
    color:#ccc;
}

JavaScript:

(function() {
    var placeholders = document.getElementsByClassName('placeholder');
    for(var p = 0; p < placeholders.length; p++) {
       var placeholder = placeholders[p];
       placeholder.onfocus = function() {
          this.value = '';
          this.removeClass('placeholder');
       };
       placeholder.onblur = function() {
          if(this.value == '') {
             this.addClass('placeholder');
          }
       }
    }
})();