入力要素をクリックすると、内部テキストが消えるように入力要素をスタイルする方法は？

申し訳ありませんが、この質問はおそらく以前聞かれましたが、入力要素をクリックすると内部のテキストが消えるように、入力要素のスタイルを整えるためのきれいな方法を知っていますか？入力要素をクリックすると、内部テキストが消えるように入力要素をスタイルする方法は？

2012-02-08 user784637

使用＆（ 'Yourelement'）。focus（）？ – Hadas

あなたはplaceholder属性の使用について話しています。 HTML5では、これは入力テキスト要素のデフォルト属性です。これをサポートしていない、あなたはjQueryの透かしプラグインを使用することができ、古いブラウザの場合

2012-02-08 10:04:56

jqueryがメインラインにこのような関数を追加しない理由は何ですか？それは本当に素晴らしいです！ – user784637

JQueryコアを意味する場合、デフォルトのHTML5属性のため追加されません。それをコアJSに含める必要はありません。このプラグインは、プレースホルダをサポートしていない古いブラウザがその機能を使用するのに役立ちます。 –

あなたが探しているように見えることはHTML5 placeholder属性です。しかし

<input type="text" placeholder="Placeholder text">

、この古いブラウザではサポートされていないため、JavaScriptシムを使用して機能を追加する必要があります。 Here's an exampleは、jQueryのような外部リソースに依存しないシムのものです。

上記にシムがリンクされているため、上記のようにplaceholder属性を使用するだけです。 DOM上でPlaceholders.init()と呼ぶだけで動作します。属性がネイティブにサポートされている場合は、有効になりません。

2012-02-08 10:05:09

答えて