フローティングラベルはプレースホルダー属性をサポートするモダンなHTML5のフォームで動作します。
これは、プレースホルダのテキストを取得し、ユーザーがフォーム内でカーソルを中心に説明するたびにゆっくりフィールド自体の上にそれをアニメーション化することによって動作します。
ユーザーがフィールドにテキストを入力すると、プレースホルダはただのような古典的なラベルの上に残り、ユーザーが任意のテキストを入力せずに入力ボックスを残すか、前のテキストを削除した場合、プレースホルダは通常の位置に戻ってアニメーション化されています。
すべてが関与全くのJavaScriptで、CSS3アニメーションを介して行われます。
デモページは、フローティングラベル·パッケージに含まれています。
要件:ます。
CSS 3対応ブラウザ
コメントが見つかりません