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

转载 2012年03月31日 11:35:08

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


相关文章推荐

jquery 获得焦点的时候,焦点时文本框清空,失去焦点时又显示默认文字

$(document).ready(function() {     //each遍历文本框     $(".input").each(function() {         //保存当前文本...

当文本框第一次获得焦点时,清空文本框中原有的内容

如何让文本框内的提示信息在激活文本框时清空 解决思路:     当需要填写的文本框很多时,在每个文本框内写上提示信息是个不错的办法,但这样一来用户在填写该项时必须先把提示文本删掉,非常不方便。所以应该...

jquery实现文本框得到失去焦点

《锋利的jquery一书》中的用jquery实现文本框得到失去焦点的效果,效果如图:                 结构是一个简单的表单,html里用到了fieldset及legend这两个表现...

JS获取文本框焦点光标位置、选中起始位置、终止位置、选择内容

Demo:点击下载Dmo 参考文献: 最近在segmentfault上看到它的日期输入控件,感觉挺有意思。好吧,动手写一个,加到自己的代码库里吧。       然后问题来了,在上面图...

文本框失去焦点问题

  • 2013年05月30日 15:34
  • 6KB
  • 下载

jQuery表单Input文本框默认说明文字获得焦点后消失效果

法一: 加入以下jQuery代码 var txt=[]; var textbox=$('input:text'); textbox.each(function(){ txt.push($(this...
  • jyee721
  • jyee721
  • 2012年01月31日 16:04
  • 8342

myeclipse还原成默认窗口布局.txt

  • 2011年11月22日 13:23
  • 425B
  • 下载

jQuery表单Input文本框默认说明文字获得焦点后消失效果

法一: 加入以下jQuery代码 var txt=[];   var textbox=$('input:text');   textbox.each(f...

c# winform 设置winform进入窗口后在文本框里的默认焦点

c# winform 设置winform进入窗口后在文本框里的默认焦点 进入窗口后默认聚焦到某个文本框,两种方法: ①设置tabindex 把该文本框属性里的tabIndex设为0,焦点就默...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:文本框得到焦点後,清空内容,失去焦点,还原成默认值
举报原因:
原因补充:

(最多只允许输入30个字)