ホームページ > ウェブフロントエンド > jsチュートリアル > javascript_form エフェクトでテキスト ボックスを入力するときのわかりやすいヒント

javascript_form エフェクトでテキスト ボックスを入力するときのわかりやすいヒント

WBOY
リリース: 2016-05-16 18:39:35
オリジナル
1446 人が閲覧しました

次のコードは、ユーザーがテキスト入力ボックスに留まったときに入力内容を求めるプロンプト メッセージを実装し、ユーザー エンゲージメントを向上させます。

コンテンツを入力する前の表示は図 1 のようになります

写真 1

ユーザー名のテキスト ボックスがフォーカスされている場合、効果は図 2 に示すようになります

写真 2

パスワード テキスト ボックスにフォーカスがある場合、結果は図 3 に示すようになります

図 3


デモのソース コードは次のとおりです:
関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート