7.18下午本人写的textbox 焦点事件显示/隐藏 提示信息
javascript :
function myFocus(obj, textInfo) {
//判断文本框中的内容是否是默认内容
var textInfo = textInfo;
if (obj.value == textInfo) {
obj.style.color = "silver";
obj.value = "";
}
else {
obj.style.color = "";
}
obj.onpropertychange = function() {
if ((obj.value != textInfo) && (obj.value != "")) {
obj.style.color = "";
}
}
}
function myblur(obj, textInfo) {
//当鼠标离开时候改变文本框背景颜色
//obj.style.background = color;
if (obj.value == "") {
obj.value = textInfo;
obj.style.color = "silver";
}
else {
obj.style.color = "";
}
}
HTML:
<asp:TextBox ID="tbVendorID" runat="server" Width="170px" value="请输入厂商代号" style="color:Silver" onfocus="myFocus(this,'请输入厂商代号')" onblur="myblur(this, '请输入厂商代号')"></asp:TextBox>