[B! form][javascript] japanrockのブックマーク

japanrock id:japanrock

formとjavascriptに関するjapanrockのブックマーク (2)

プレースホルダー (placeholder) の表示とCSSでの装飾方法 [ホームページ作成] All About
プレースホルダー (placeholder) の表示とCSSでの装飾方法プレースホルダーを表示する方法を解説。HTMLのplaceholder属性を使えば簡単に表示できます。textarea要素に表示するプレースホルダーは少し工夫すると改行も可能。CSSのplaceholder疑似クラスを併用すればプレースホルダーの文字を自由な色に変えられます。カーソルが入った瞬間にプレースホルダーの文字が消える仕様もCSSだけで作れます。placeholderの表示と装飾方法をご紹介。プレースホルダー (placeholder) とは placeholder (プレースホルダー) とは、何も入力されていない状態のテキスト入力欄に最初から薄く表示されている案内文字のことです。HTMLではplaceholder属性を使うことで簡単に表示でき、CSSで色を変えることもできます。プレースホルダとして表示されて
japanrock 2008/06/19
"案内文字"

javascript

html

form
リンク
未記入の入力フォームに案内画像を表示する [ホームページ作成] All About
上記の入力フォーム内をクリックしてみて下さい。案内画像が消えるはずです。何も入力しないままフォーム外をクリックすれば、案内画像が再表示されます。何かを入力してからフォーム外をクリックした場合は、案内画像は消えたままです。実現方法はとても簡単で、画像「」を用意して、入力フォーム内に表示させているだけです。 JavaScriptを用いて入力内容を判断し、画像を消したり再表示したりしています。前回の記事（2本） ※今回ご紹介する入力フォームの作り方は、以下の2つの記事でご紹介した内容をベースにしています。重複する解説は本記事では省略しています。まだご覧になっていない場合は、先にこれらの記事をお読み頂くと、次ページでご紹介するソースが分かりやすくなると思います。 ■入力フォームが空のときに入力案内を表示入力フォーム内に何も入力されていないときには「検索語を入力」などの入力案内文字を表示
japanrock 2008/03/12
これはナイス

html

javascript

css

form
リンク
1