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

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

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

以下是程序代码

<!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 全部选择提示：你可先修改部分代码，再按运行]

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

相关资料更多>

神奇约炮应用被禁改名后重返苹果应用商店

雅安地震救灾前线的科技之手微弱而暖和

看病也能用支付宝了马云的又一盘大棋

京东封杀财付通：终极目标是电商生态圈

诺基亚培育低端机市场迂回战术要挟中华酷联

中移动本月推手机钱包 iPhone遭边缘化

首批四款“官方”打车软件发布：均为安卓版本

聚美向左，唯品向右，怎能耐得住高跟和红唇的诱惑！

二维码支付大战的号角注定已经吹响，尚需标准发放

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

推荐阅读更多>