c# - 事前入力されたテキスト ボックスの値が onclick で消える

Question

ページのテキストボックスには、必須テキストまたは「テキストを入力」が事前に入力されています。

ボックスに「テキストを入力」がある場合、ボックスをクリックするとそれらのテキストが消えます。ただし、何も入力しないと、テキストボックスは事前入力された「テキストの入力」に戻ります。

ボックスに他のテキスト (「テキストを入力」以外) が入力されている場合は、そのままにしておきたいと思います。

これは、コード ビハインドでこれまでに得たものです。

 txtBox.Attributes.Add("onblur", "if(this.value='Enter Text') {this.value=''} else if(this.value.length<=0) {this.value='" + prepopulatedText.ToString() + "'} ");

しかし、うまくいきません。

何か案は？

代わりに「onClick」も使用する必要がありますか?

Answer 1

古いブラウザーについて心配していない場合は、HTML5 入力プロパティを使用できます。placeholder

 <input type="text" name="fisrtName" placeholder="Enter your name">

それ以外の場合は、このようにすることができます

<input name="q" onfocus="if (this.value=='search') this.value = ''" type="text"  onblur="if (this.value=='') this.value = 'search'" value="search">

JSフィドル

Answer 2

Winforms を使用している場合は、Enter イベントを使用してテキストを削除できます。それらをエディターに直接登録するか、

txtBox.Enter += new System.EventHandler(Enter);
txtBox.Leave+= new System.EventHandler(Leave);

private void Enter(object sender, EventArgs e)
{
    if (txtBox.Text == "Enter Text")
    {
        txtBox.Text = string.Empty;
    }
}

そして、それを元に戻すLeave イベント。

private void Leave(object sender, EventArgs e)
{
    if (txtBox.Text == string.Empty)
    {
        txtBox.Text = "Enter Text";
    }
}