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

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

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

以下是程序代码

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

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

相关资料更多>

完美入股盛大：一桩各怀心事的交易

英特尔技术高管离任电视业务或受影响

中移动五大基地将整改成公司：被指易滋生腐败

同样的背景，罗永浩和雷军到底有什么不同？

机器人进一步取代人类：将进军白领任务

火狐手机发展前路：或被运营商绑架

广东移动董事长徐龙受调查圈内对其褒贬不一

诺基亚因充电器问题暂停销售Lumia 2520平板电脑

优酷土豆携手新浪微博谋攻移动视频失地

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

推荐阅读更多>