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

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

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

写真 1

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

写真 2

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

図 3

デモのソース コードは次のとおりです:

<meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>tt</title>