你的位置:首页 > 网页设计

[网页设计]实现文本框输入内容提示代码实例


实现文本框输入内容提示代码实例:
比较人性化的网站一般都是比较讲究细节的,比如文本框输入内容具有提示效果,在默认情况下,文本框有提示文本,当鼠标放入文本框输入文本的时候,提示文本会消失,下面就通过代码实例介绍一下如何实现此效果。
代码如下:

<!DOCTYPE html><html><head><meta charset="utf-8"><meta name="author" content="http://www.51texiao.cn/" /><title>蚂蚁部落</title><script type="text/javascript">window.onload=function(){ var otxt=document.getElementById("txt"); otxt.onfocus=function(){  if(otxt.value=="请输入网站名称"){   otxt.value="";  } } otxt.onblur=function(){  if(otxt.value==""){   otxt.value="请输入网站名称";  } }} </script> </head> <body> <input type="text" id="txt" value="请输入网站名称"/></body> </html>

以上代码实现了我们的要求,代码非常的简单,这里就不多介绍了,就是为文本框注册onfocus和onblur事件,进行相关的判断然后进行调整文本框的value属性即可。

原文地址是:http://www.51texiao.cn/HTML5jiaocheng/2015/0612/4012.html

最为原始地址是:http://www.softwhy.com




湖南旅游指南攻略大全湖南旅游住哪里比较方便湖南旅游住宿攻略湖南旅游最佳时间湖南自驾游最佳路线2015番禺百万葵园五一门票价格?五一百万葵园门票多少钱? 2015百万葵园4月份有什么花看?4月份番禺百万葵园什么花好看? 不去欧美看音乐节,来音乐酒店一样感受乐符魅力![四] 当诗画的浦江遇上文艺的画家 故事美得不像话(组图) 2015深圳野生动物园马戏节什么时候结束?深圳马戏节门票多少钱? 2015春节深圳马戏节有哪些好玩的?深圳马戏节在哪里举行? 南沙水鸟世界一日游攻略?广州南沙水鸟世界一天能玩完吗? 朝鲜唯一“红灯区”:小姐专为中国人服务 星期八小镇公交坐几路?广州星期八小镇开车要多久? 星期八小镇交通方便吗?广州星期八小镇有直达车吗? 岭南印象园特色是什么?广州岭南印象园怎么样? 岭南印象园在哪里?广州岭南印象园停车方便吗? 去港澳旅游需要什么证件? 现在去香港迪士尼好像不错,想问问是自助游好还是跟团游好? 如何办理香港澳门旅游签证? 港澳旅游线路怎么安排好? 12061C273JAT2A Datasheet 12061C273JAT2A Datasheet 12107C332KAT2A Datasheet 12107C332KAT2A Datasheet SQCB7M4R7CATME\500 Datasheet SQCB7M4R7CATME\500 Datasheet 大兴安岭到港澳旅游价格 大兴安岭到港澳旅游价格 大兴安岭到港澳旅游价格 哈尔滨香港游价格 哈尔滨香港游价格 哈尔滨香港游价格 天津香港游价格 天津香港游价格 天津香港游价格