HTML5 テキストボックスにあるプレースホルダー テキスト機能をエミュレートするために、この機能を標準のテキストボックス内に実装する方法を調べてみましょう。
このプレースホルダーの本質は、条件付き表示にあります。テキストボックスが空の場合に表示され、ユーザーの操作により消滅します。これを実現するには、イベント ハンドラーを利用してテキスト ボックスのフォーカス状態を監視します。
フォーカスを取得すると、プレースホルダー テキストが消え、ユーザーが独自のコンテンツを入力できるようになります。単純な TextBox.GotFocus イベント ハンドラーを使用して、プレースホルダー テキストをクリアできます。
逆に、テキスト ボックスがフォーカスを失って空のままになると、プレースホルダー テキストが再表示されます。これは、テキストボックスのテキストが空かどうかをチェックし、空の場合はプレースホルダーに置き換える TextBox.LostFocus イベント ハンドラーを通じて実現できます。
この概念を示す C# のコード スニペットを次に示します。
Textbox myTxtbx = new Textbox(); myTxtbx.Text = "Enter text here..."; myTxtbx.GotFocus += GotFocus.EventHandle(RemoveText); myTxtbx.LostFocus += LostFocus.EventHandle(AddText); public void RemoveText(object sender, EventArgs e) { if (myTxtbx.Text == "Enter text here...") { myTxtbx.Text = ""; } } public void AddText(object sender, EventArgs e) { if (string.IsNullOrWhiteSpace(myTxtbx.Text)) myTxtbx.Text = "Enter text here..."; }
このコードは、必要なプレースホルダー機能を提供し、テキストボックスが空の場合はプレースホルダーテキストを表示し、空の場合はユーザー入力ができるようにする必要があります。集中しました。
以上がC# を使用して標準テキストボックスにプレースホルダー テキストを作成するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。