您的位置:首页 > 其它

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

2013-01-16 00:00 591 查看
某一时候,为文本框(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>

演示

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: