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

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

<!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" onfocus="clearText()" onblur="Write()"></textarea>


<textarea name="test1" cols="30" rows="10" id="test1" onfocus="on_focus(this)" onblur="on_blur(this)">请输入内容:</textarea>
<textarea name="test2" cols="30" rows="10" id="test2" onfocus="on_focus(this,'提示内容:test')" onblur="on_blur(this,'提示内容:test')">提示内容:test</textarea>
<textarea name="test3" cols="30" rows="10" id="test3" onfocus="on_focus(this,'提示内容:abc')" onblur="on_blur(this,'提示内容:abc')">提示内容:abc</textarea>

</BODY>

 

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

 

你可能感兴趣的:(textarea)