文本框得到焦点後，清空内容，失去焦点，还原成默认值

在网络应用中有时候，我们需要提醒用户输入文本框的值。来确保用户输入的正确性，我们可以使用JavaScript 来解决这个问题，例如需要用户输入昵称：

<input type="text" name="inpName" id="inpName" class="text" size="28" tabindex="1" /> <label for="inpName">名称(*)</label></p>

因为有时，一些用户会临时因有事忘记输入。当 文本框的值为空时，我们还要继续提示。以确保用户输入的有效性！

将代码插入： value="请输入您的昵称..." onfocus="if (value =='请输入您的昵称...'){value =''}" onblur="if (value ==''){value='请输入您的昵称...'}"

最后的效果：<input type="text" name="inpName" id="inpName" class="text" size="28" tabindex="1" value="请输入您的昵称..." onfocus="if (value =='请输入您的昵称...'){value =''}" onblur="if (value ==''){value='请输入您的昵称...'}"/> <label for="inpName">名称(*)</label>

－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－

<script>

function OnEnter( field ) { if( field.value == field.defaultValue ) { field.value = ""; } }

function OnExit( field ) { if( field.value == "" ) { field.value = field.defaultValue; } }

</script>

<input type=text value="预设文字" onFocus=OnEnter(this) onBlur=OnExit(this)>