一个文本框判断文字是否输入的特效代码-JS特效-爱易网页

一个文本框判断文字是否输入的特效代码

日期：2014-05-18　浏览次数：20470 次

以下是程序代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>爱易网js.alixiix.com</title>
<style type="text/css">
 input{ width:200px; height:24px; line-height:24px; border:1px solid #999; background:#ccc; margin:15px 0 0 100px; padding:4px; color:#666;}
 .current{ background:#E0FEE4; border:1px solid #093;}
</style>
</head>

<body>
    <input name="" type="text"  value="请输入姓名："/><br />
    <input name="" type="text"  value="请输入昵称："/><br />
    <input name="" type="text"  value="输入验证码："/><br />
    <input name="" type="text"  value="请输入手机号码："/><br />
    <input name="" type="text"  value="请输入电子邮件："/>

<script type="text/javascript">
     var aInp=document.getElementsByTagName('input');
  var i=0;
  var sArray=[];
  
  for(i=0; i<aInp.length; i++)
  {
   aInp[i].index=i;
   sArray.push(aInp[i].value);
   
   aInp[i].onfocus=function()
   {
    if(sArray[this.index]==aInp[this.index].value)
    {
     aInp[this.index].value='';
    }
    aInp[this.index].className='current';
   };
   
   aInp[i].onblur=function()
   {
    if(aInp[this.index].value=='')
    {
     aInp[this.index].value=sArray[this.index];
    }
    aInp[this.index].className='';
   };
  }
    </script>
</body>
</html>

[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

相关资料更多>

传运营商高层将变化专家称需体制革新

湖南卫视扶持芒果TV杀入媒体：版权独播不分销

逆转猜想：如果阿里成为雅虎大股东会怎样？

喜大普奔：2016年国内乘客有望在飞机上使用手机

联想架构调整后：Think品牌或推智能手机

苹果音乐效劳新战略：与唱片商停止流媒体协作

地图导航骤起杀机百度高德重新定义商业模式

华为任正非：家族成员不会成为接班人

中国首台比特币ATM登陆上海可购买不可兑换现钞

香港云服务器免备案云主机VPS 国内独立IP 独享15M 月付SSD

推荐阅读更多>