TextBox装饰水印为TextBox装饰水印与(blur和focus)事件应用

2021-03-18 我要评论

想了解为TextBox装饰水印与(blur和focus)事件应用的相关内容吗，在本文为您仔细讲解TextBox装饰水印的相关知识和一些Code实例，欢迎阅读和指正，我们先划重点：TextBox,水印,blur,focus，下面大家一起来学习吧。

某一时候，为文本框(TextBox)装饰个水印。它有两种状态，一是blur和focus。因此，我们可以在Javascript写两个事件：

复制代码代码如下:

  
<script type="text/javascript"> 
var watermarkText = "输入名称"; 
function WaterMarkOnBlur(textbox) { 
if (textbox.value.length == 0) { 
textbox.style.color = "gray"; 
textbox.value = watermarkText; 
} 
} 
function WaterMartOnfocus(textbox) 
{ 
if (textbox.value == watermarkText) { 
textbox.style.color = "black"; 
textbox.value = ""; 
} 
} 
</script> 

在TextBox应用这两个Javascript事件：

复制代码代码如下:

 
<asp:TextBox ID="TextBox1" runat="server" Text="输入名称" 
ForeColor="Gray" onblur="WaterMarkOnBlur(this);" 
onfocus="WaterMartOnfocus(this);"> 
</asp:TextBox> 

演示：

TextBox装饰水印为TextBox装饰水印与(blur和focus)事件应用

相关文章

猜您喜欢

今日热门

TextBox装饰水印 为TextBox装饰水印与(blur和focus)事件应用

相关文章

猜您喜欢

今日热门

TextBox装饰水印为TextBox装饰水印与(blur和focus)事件应用