入力フィールドにカーソルを合わせた際に吹出しヒント表示するCSS＆JavaScriptサンプル:phpspot開発日誌

Form field hints with CSS and JavaScript (Ask the CSS Guy) My co-workers pointed out a nice effect on the Vox registration form. 入力フィールドにカーソルを合わせた際に吹出しヒント表示するCSS＆JavaScriptサンプル。 次のように、入力フォームにカーソルを合わせた時点でそのフィールドのヒントを表示できます。 フォームの入力フィールドの下に説明を書くよりも、ポップアップしてヒント表示したほうがユーザビリティ的によさそうですね。 要素の表示/非表示処理をJavaScriptによって行っていて、綺麗なHTMLによる実装が可能な点もいいです。 また、サンプルが1ファイル＋画像1枚とシンプルなので、あまりJavaScriptやCSSの知識のない方でも、ちょこっと変え

[freewriter]

ƒvƒŒ[ƒg][css]

[webmarksjp]

js

[tsutomura]

form

[hirose31]

form

[klangfarbe]

css,javascript,tips

[saladdays]

バリデートではなく、注意やヒントを表示するスクリプト。

[sweetlove]

入力フィールドにポップアップヒント

[bigwest]

入力フィールドにヒント

[adamrocker]

入力フォームにカーソルをあわせると吹出しメッセージを表示できるJavaScript+CSSライブラリ。

[kurobuchi]

VOXの会員登録のようなフォームでの説明を実装できるサンプル．