服务器之家:专注于服务器技术及软件下载分享
分类导航

PHP教程|ASP.NET教程|JAVA教程|ASP教程|

服务器之家 - 编程语言 - ASP.NET教程 - 为TextBox装饰水印与(blur和focus)事件应用

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

2019-10-17 10:37asp.net技术网 ASP.NET教程

为了界面的美观,有些时候可能需要为文本框(TextBox)装饰个水印;它有两种状态,一是blur和focus。因此,我们可以在Javascript写两个事件,感兴趣的朋友可以了解下

某一时候,为文本框(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装饰水印与(blur和focus)事件应用

延伸 · 阅读

精彩推荐