首页 | 联系我们 | 叶凡网络官方QQ群:323842844
游客,欢迎您! 请登录 免费注册 忘记密码
您所在的位置:首页 > 开发语言 > Javascript > 正文

输入框中的默认值

作者:cocomyyz 来源: 日期:2013-07-25 02:09:51 人气:2 加入收藏 评论:0 标签:javascript

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
<script language="javascript">
var date = new Date();
var strDate = date.getFullYear()+"年"+(date.getMonth()+1)+"月"+date.getDate()+"日";
function onLoad(){
  document.getElementById("inDate").style.color="#ff0000";
  document.getElementById("inDate").innerText = strDate;
}

function onFoucs(o){
  document.getElementById("inDate").style.color="#00ff00";
  if(o.value == strDate){
   o.value = "";
  }
}

function onBlur(o){
  document.getElementById("inDate").style.color="#0000ff";
  if(o.value == ""){
   o.value = strDate;
  }
}  
</script>
</head>

<body onLoad="onLoad()">
<input type="text" id="inDate" onFocus="onFoucs(this)" onBlur="onBlur(this)">
</body>
</html>


本文网址:http://www.mingyangnet.com/html/js/122.html
读完这篇文章后,您心情如何?
  • 0
  • 0
  • 0
  • 0
  • 0
  • 0
  • 0
  • 0
更多>>网友评论
发表评论