html输入框清除按钮,输入框有内容出现删除按钮

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();

}