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

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

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

以下是程序代码

<!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下月发货

固话上网卡或将实名制运营商泄露用户信息将被罚

乐视28日发布手机进展 LeUI系统Mobile版或曝光

惠普中国转型只是缩影未来开展不可预期

黑莓高管：黑莓能作为家“小众公司”活下来

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

AMD Q1净亏1.46亿美元转战SOC拥抱ARM求变

迅雷向美SEC提交IPO招股书：拟最多筹资1亿美元

iPhone 6将于10月17日内地上市：售5288元起

香港全能空间免费试用15天，送网站加速30M

推荐阅读更多>