使用C＃在ASP.NET中动态添加文本框

Question

我编写了一个代码，其中将文本框动态添加到了gridview单元中。 文本框中有一些默认文本。 我希望当用户单击文本框时，默认文本将消失，然后用户只能在数字上写任何东西，即用户将不能使用字母或特殊字符。

请让我知道如何实现这一目标。 代码示例

    Gridview gv=new Gridview();
    gv.DataSource=dt;
    gv.DataBind();

    Textbox t1 = new Textbox();
    t1.Text="Outages if any(in mins)";
    gv.Rows[0].Cells[0].Controls.Add(t1);

此后需要帮助，例如当用户将光标放在文本框中时，默认文本将消失，如果用户删除光标而不写任何内容，则默认文本将重新出现。 另外默认文字应该有点模糊

谢谢。

Answer 1

试试这个

Textbox t1 = new Textbox();
t1.Attributes.Add("onclick", "if(this.value == 'default text') this.value = '';"
t1.Attributes.Add("onblur", "if(this.value == '') this.value = 'default text';" />

如果用户使用tab键，也可以使用onfocus

这样，使用this.value ，您无需知道控件的客户端ID。

Answer 2

这是一则帖子，确切描述了您要做什么：

如何：在执行服务器端验证时在文本框中包含默认文本

相关点是：

1. 将JavaScript属性添加到onfocus和onblur：

    txtName.Attributes.Add("onfocus","clearText()"); txtName.Attributes.Add("onblur","resetText()"); 

2. 添加JavaScript以清除并重新填充文本框：

     function clearText() { document.form1.txtName.value = "" } function resetText() { if(document.form1.txtName.value == "") document.form1.txtName.value = "(enter something here)" 

Answer 3

你可以这样做。 最简单的方法是使用ajaxControlToolkit。 您可以动态创建控件。 例如：

    Dim mt As new TextBox 
    Dim newTest As New AjaxControlToolkit.TextBoxWatermarkExtender

    With mt
        .ID = "textBox1"
        .TextMode = TextBoxMode.SingleLine
    End With

    With newTest
        .ID = "TextBoxWatermarkExtender1"
        .TargetControlID = mt.ClientID
        .WatermarkText = "test"

    End With

然后，就像处理文本框一样，将两个控件都添加到gridview中。 如果您没有使用Ajax，则可以通过codebehind将javascript添加到控件中，但这更加困难。 让我知道您是否要这样做，我将添加一些代码向您展示如何操作。

这应该创建一个带有关联的ajax TextBoxWaterMarkExtender的文本框控件。