html5代码:

创新互联网站建设公司是一家服务多年做网站建设策划设计制作的公司,为广大用户提供了成都网站设计、成都网站建设，成都网站设计，广告投放平台，成都做网站选创新互联，贴合企业需求，高性价比，满足客户不同层次的需求一站式服务欢迎致电。

JS代码:

function toggleIcon(ele){
   var inputVal = ele.value;
   var clearEle = ele.nextElementSibling;
   if(inputVal == ''){
       clearEle.className = 'ub-img ub clear uhide';
   } else {
       clearEle.className = 'ub-img ub clear';
   }
}

// 输入框失去焦点事件
function lost(ele){
   var inputVal = ele.value;
   var clearEle = ele.nextElementSibling;
   setTimeout( function(){ clearEle.className = 'ub-img ub clear uhide'; }, 200);
}

function clearInput(ele){
   var inputEle = ele.previousElementSibling;
   inputEle.value = '';
   ele.className = 'ub-img ub clear uhide';
   inputEle.focus();
}

另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。

文章标题：输入框有内容出现删除按钮-创新互联
文章来源：http://sczitong.cn/article/djdpcs.html