文本框得到焦点,并清空文本框内容
第一种、得到焦点,并清空文本框内容
<script>
function cls(){
//捕获触发事件的对象,并设置为以下语句的默认对象
with(event.srcElement)
//如果当前值为默认值,则清空
if(value==defaultValue) value=""
}
function res(){
//捕获触发事件的对象,并设置为以下语句的默认对象
with(event.srcElement)
//如果当前值为空,则重置为默认值
if(value=="") value=defaultValue
}
</script>
<input value="填写您的昵称" onfocus="cls()" onblur="res()">
<input value="填写您的生日(1900-01-01)"
onfocus="cls()" onblur="res()">
第二种、得到焦点,并清空文本框内容
<script type="text/javascript">
function OnEnter(field)
{
field.focus();
if(field.value == field.defaultValue)
{
field.value = "";
}
}
function OnExit(field)
{
if(field.value == "")
{
field.value = field.defaultValue;
}
field.focus();
}
</script>
<input type=text value="预设文字" onmouseover="this.focus(); OnEnter(this)" onmouseout="this.blur(); OnExit(this)">