textarea中提示文本的实现，默认显示，点击消失

最新推荐文章于 2021-06-03 02:01:39 发布

薇薇2013

最新推荐文章于 2021-06-03 02:01:39 发布

阅读量1.8k

点赞数 1

文章标签： java xhtml javascript ViewUI

本文链接：https://blog.csdn.net/wzf7065/article/details/84700204

版权

有时我们在输入框中给用户提示一些内容，这些内容默认显示，用户点击后消失，现在也有些网站点击了也不消失，但是不消失的文本并不会被写入服务器。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title></title>
<HEAD>
<script type="text/javascript">

        //提示内容：（默认值）
        var c = '请输入内容：';
        
        function on_focus(obj){
            obj.value = obj.value==(!!arguments[1]?arguments[1]:c)?'':obj.value;
        } 
        
        function on_blur(obj){
            obj.value = obj.value==''?(!!arguments[1]?arguments[1]:c):obj.value;
        }
</script>

</HEAD>

<BODY>
<textarea rows="10" cols="100" id="AAA" value="hahahhaha" οnfοcus="clearText()" οnblur="Write()"></textarea>


<textarea name="test1" cols="30" rows="10" id="test1" οnfοcus="on_focus(this)" οnblur="on_blur(this)">请输入内容：</textarea>
<textarea name="test2" cols="30" rows="10" id="test2" οnfοcus="on_focus(this,'提示内容：test')" οnblur="on_blur(this,'提示内容：test')">提示内容：test</textarea>
<textarea name="test3" cols="30" rows="10" id="test3" οnfοcus="on_focus(this,'提示内容：abc')" οnblur="on_blur(this,'提示内容：abc')">提示内容：abc</textarea>

</BODY>

来源：bbs.csdn.net/topics/370125298