输入框默认文字点击消失

使用javascript完成：

代码：

<script language="javascript" type="text/javascript">
window.onload = function(){
	var o = document.getElementById("searchKey");
	o.setAttribute("valueCache", o.value);
	o.onblur = function(){
		if(o.value == ""){
			o.valueCache = "";
			o.value = o.tips;
		}else{
			o.valueCache = o.value;
		}

		o.onfocus = function(){
			o.value=o.valueCache;
			//光标始终在文字最后
			var e = event.srcElement;
			var r =e.createTextRange();
			r.moveStart('character',e.value.length);
			r.collapse(true);
			r.select();
		}
		o.onblur();
	}
}

上面的方法是个坑，写了一大堆还是不行。

大道至简

点击输入框后变成755D

<input name="destZoneCode" id="destZoneCode" class="text"  value="请输入目的地代码" onFocus="this.value='755D'" style="width: 200px" type="text" size="40" />

点击输入框后置空

<input name="destZoneCode" id="destZoneCode" class="text"  value="请输入目的地代码" onFocus="this.value=''" style="width: 200px" type="text" size="40" />