关闭

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

628人阅读 评论(0) 收藏 举报

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


0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:283029次
    • 积分:2701
    • 等级:
    • 排名:第13895名
    • 原创:70篇
    • 转载:25篇
    • 译文:0篇
    • 评论:26条
    最新评论