带有默认值的TextBox

时间:2013-04-01 09:56:17

标签: asp.net textbox

我想使用显示文字的文本框。

例如:Someone@example.com。当用户点击它时,文本框将被清除并准备好供用户输入。

sample textbox

6 个答案:

答案 0 :(得分:5)

如果您正在使用较新的浏览器,那么您可以使用HTML 5中新增的placeholder属性

<asp:TextBox ID="textBox1" runat="server" placeholder="Someone@exmaple.com"></asp:TextBox>

否则您也可以使用onfocusonblur事件执行此操作,如here所述

答案 1 :(得分:1)

你可以使用它,很容易

 <input class="status" type="text" size="5" placeholder="started"  />

占位符会显示您想要的文字

希望它可以帮到你!

答案 2 :(得分:0)

您可以执行以下操作:

  1. 将文本框添加到您的网页。
  2. 在obj.Text属性中设置默认文本。
  3. 添加属性(焦点和模糊事件)。
  4. 在焦点事件中,检查值= Someone@exmaple.com,然后清空文本框。
  5. 在模糊时,检查文本框是否为空,然后设置文本:Someone@exmaple.com
  6. 希望有所帮助

答案 3 :(得分:0)

你可以这样使用

<TextBox ID="txtone" runat="server" tooltip="Enter comments"
onblur="if(this.value=='') this.value='Someone@exmaple.com';"
onfocus="if(this.value == 'Someone@exmaple.com') this.value='';"
Text="Someone@exmaple.com"></TextBox>

答案 4 :(得分:0)

尝试使用服务器控件:

<asp:TextBox ID="textBox1" runat="server" placeholder="Someone@exmaple.com"></asp:TextBox>

对于HTML控件:

<input Type="Text" ID="textBox1"  placeholder="Someone@exmaple.com" />

答案 5 :(得分:0)

如果您想要跨浏览器兼容的版本,可以使用此ajax。

<ajaxToolkit:TextBoxWatermarkExtender ID="EmailClear" runat="server" TargetControlID="EmailAddress" WatermarkText="Someone@example.com" />

您只需在每个字段下添加此内容。