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

来源:互联网 发布:mysql服务无法启动 编辑:程序博客网 时间:2024/06/01 08:27

在网络应用中有时候,我们需要提醒用户输入文本框的值。来确保用户输入的正确性,我们可以使用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)>


原创粉丝点击