asp.net - 在文本框中有一个默认文本,并通过在 asp.net 中键入一个字母来清除它

标签 asp.net css

我正在使用 c# 在 asp.net 中开发 Web 应用程序,因此我将 asp:textbox 放在 Web 应用程序中。当我加载页面时,我想在文本框中使用默认文本,当我将光标放在它上面并键入第一个字母时,文本框从文本框中变得清晰。

最佳答案

你问的是水印。有很多方法可以做到这一点

第三方工具如:

一个。 Ajax 工具包。你可以在行动中看到它 here

Telerik RadTextBox 控件(通过设置其 EmptyMessage 属性)。

还有很多。

您可以自己使用如下简单的 javascript 构建一个:

<script>
$(document).ready(function() {
 var watermark = 'textbox watermark text';
 $('#inputTextboxId').blur(function(){
  if ($(this).val().length == 0)
    $(this).val(watermark).addClass('watermark');
 }).focus(function(){
  if ($(this).val() == watermark)
    $(this).val('').removeClass('watermark');
 }).val(watermark).addClass('watermark');
});
</script>

并在你的容器内放置一个输入控件,比如 body

<body>

<input id="inputTextboxId" type="text" />
</body>

此外,如果您的整个工作区位于支持 HTML5 的浏览器中,那么只需执行以下操作:

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

并且您的文本框将带有水印“输入您的姓名...”,该水印会在聚焦时消失。

关于asp.net - 在文本框中有一个默认文本,并通过在 asp.net 中键入一个字母来清除它,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13838697/

相关文章:

css - 我将如何在偏移 div 的中心叠加图像?

css - background-clip 属性 - 背景图像被切断

css - 如何自定义 HTML 编辑器

asp.net - 要求浏览器缓存我们的图像(ASP.NET/IIS)

asp.net - 通过嵌套母版页从内容页访问正文元素

asp.net - 如何查询具有多个根和过滤的嵌套集模型

css - 表单元素的定位

asp.net - Plon 和 Asp.Net 集成

c# - 使用互操作 C# 在 Word 文档中的最后一个图像/文本之后添加图像

c# - 外部 css 与服务器端样式添加