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 중국어 웹사이트의 기타 관련 기사를 참조하세요!