用(yong)于表單(dan)填寫過程中，用(yong)戶名或(huo)密碼input表單(dan)清(qing)除(chu)小功能(neng)

點擊input效果：

點擊右側按(an)鈕則(ze)清除input數(shu)據

html頁面：

<div >
          <input type="hidden" name="user_id" id="user_id" value="0" />
           <input name="user_name" id="user_name" class="" type="text" onClick="Click(this,'user_id');" onBlur="Clear_div(this);" />
           <div class="" id="Click_user_name" ></div><!--此處div id需要手動更換-->
</div>	

JS:

/*清除鍵*/
function Click(obj,inputid)
{
	var id = inputid;
	var div  = "Click_";
	var divname=div+obj.id;
	$("#"+divname).html("");//防止重復增加，增加前清除div內內容
	if(id != 0)//三重引號，內容被切割，使用轉義字符 \" 來替代
	{
		//這里使用了底層自帶的圖標，如果沒有可以到圖標庫里下載
		var new_element ="<a href='javascript:' class='' id='' onClick=\"Reset_search('"+obj.id+"','"+id+"');\"></a>";
	}else
	{	
		var new_element ="<a href='javascript:' class='' id='' onClick=\"Reset_search('"+obj.id+"',0);\"></a>";
	}
	$("#"+divname).append(new_element);
}

/*清除input內數據*/
function Reset_search(inputname,inputid)
{
	var div  = "Click_";
	var name = inputname;
	var divname=div+name;
	$("#"+name).val("");
	if(inputid != 0)
	{
		var id = inputid;
		$("#"+id).val("");
	}
	$("#"+divname).html("");//清空html
}

/*清除按鈕*/
function Clear_div(obj)
{
	var inputdata = $("#"+obj.id).val();
	if(inputdata == '')
	{
		var div  = "Reset_search_";
		var name = obj.id;
		var divname=div+name;
		$("#"+divname).html("");//input失去焦距且input為空時清空html
	}
}