为TextBox装饰水印与(blur和focus)事件应用
网络编程 2021-07-04 22:40www.168986.cn编程入门
为了界面的美观，有些时候可能需要为文本框(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>
演示：
代码如下:
<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>
演示：
编程语言
- 机械手焊接机器人编程 机械手焊接设备编程
- vb数据库编程实例，vb做数据库
- tiobe世界编程语言排行榜，全球编程语言排行
- 成都java编程培训 成都it编程培训中心
- 编程基础培训，编程基础知识培训
- flash游戏编程基础教程，flash游戏开发教程
- 不会英语能学编程吗 不会英语可以学程序员吗
- 爱心代码编程C语言 爱心代码编程c语言公式
- c语言编程学习入门 c语言编程快速入门
- 西门子plc编程培训 西门子plc编程培训班
- 哪里可以学编程 台州哪里可以学编程
- 少儿编程哪个好 少儿编程哪个品牌好
- 编程是什么意思，图形编程是什么意思
- c语言编程软件下载，c语言编程软件在哪下载
- java编程软件下载，java编程下载手机版
- ug编程培训学校，ug编程培训教程