フォームの入力欄にテキストを表示する際、ユーザーが使いやすくよりセマンティックに実装する方法

フォームの入力欄にテキストを表示するテクニックとして、HTML5のplaceholder属性やtitle属性にいれたテキストをスクリプトで置き換える方法などがあります。 しかし、placeholderはplaceholderなので、ラベルの代替として利用するのはW3Cでも推奨していません。 参考：The placeholder attribute -W3C フォームに余分なHTMLを追加せず、ラベルを利用してシンプルに解決する方法を紹介します。 入力時はラベルがツールチップで 実装 実装のポイント label要素内のテキストをラベルとして利用する。 初期状態でラベルのテキストを表示する。 入力時にもラベルがユーザーの目に見えるようにする。 ラベルの配置はフォームとページのレイアウトで行われるようにする。 スクリプトが利用可能でない時でも、ラベルを利用できるようにする。 これらのポイントを踏

[teppeis]

普通にラベル表示しろよって思う。

[ebisu3htn]

フォームの入力欄にテキストを表示する際、ユーザーが使いやすくよりセマンティックに実装する方法 フォームの入力欄にテキストを表示するテクニックとして、HTML5のplaceholder属性やtitle属性にいれたテキストをスクリプ

[yoshia_e]

フォームの入力欄にテキストを表示する際、ユーザーが使いやすくよりセマンティックに実装する方法

[masakaz77]

結構使えそうなフォームの小技

[takexi]

placeholderの代替

[quechang]

あぁ、これはいいね。いざ入力しようとした時に「あれ？」てあるものね。

[nors]

http://viget.com/inspire/making-infield-form-labels-suck-less-2

[Donca]

✔ フォームの入力欄にテキストを表示する際、ユーザーが使いやすくよりセマンティックに実装する方法

[OfficeRiverHead]

フォームの入力欄にテキストを表示するテクニックとして、HTML5のplaceholder属性やtitle属性にいれたテキストをスクリプトで置き換える方法などがあります。 しかし、placeholderはplaceholderなので、ラベルの代替として利用する