<head>
<title>示例</title>
<style type="text/css">
.btn_textarea {color:gray}
</style>
<script type="text/javascript">
//获得焦点
function getfocus(obj){
if (obj.value == "没有良好的发帖记录，是不会被通过的哦~"){
obj.value = ""
}
obj.style.color = "black"
}
//失去焦点
function losefocus(obj){
if (obj.value == ""){
obj.style.color = "gray"
obj.value = "没有良好的发帖记录，是不会被通过的哦~"
}
}
//检查输入
function checkinput(){
obj = document.getElementById('applyreason')
if (obj.value == "没有良好的发帖记录，是不会被通过的哦~" || obj.value == ""){
alert("请填写内容！")
return false
}
return true
}
</script>
</head>
<body>
<form onsubmit="return checkinput()">
<textarea name="applyreason" id="applyreason" rows="3" class="btn_textarea" cols="" onfocus="getfocus(this)" onblur="losefocus(this)">没有良好的发帖记录，是不会被通过的哦~</textarea>
<input type="submit" value="提交"/>
</form>
</body>
</html>
以上是我根据楼主的要求写的代码，希望能帮到楼主
改变textarea内颜色主要靠对象的style属性来通过css修改
如何实现textarea里的不同文本显示不同颜色呢？如果是控制textarea的style，则所有文本都是一个颜色；如果把文本放到标记里，也不会起作用，是因为标记不会被解释，是当做文本处理的。
在网上找到了一个方法：
我把代码复制到txt中，并修改为html格式。测试起作用。html如下：
<html>
<head>
<title>ff</title>
<Script Language="JavaScript">
function ta()
{
//----------------------------
var oFont1=document.createElement("FONT")
var oText1=document.createTextNode('中国')
oFont1.style.color="black"
form1.topic.appendChild(oFont1)
oFont1.appendChild(oText1)
//----------------------------
var oFont2=document.createElement("FONT")
var oText2=document.createTextNode('人民')
oFont2.style.color="#ff3322"
form1.topic.appendChild(oFont2)
oFont2.appendChild(oText2)
//----------------------------
var oFont3=document.createElement("FONT")
var oText3=document.createTextNode('解放\r')
oFont3.style.color="#00eeff"
form1.topic.appendChild(oFont3)
oFont3.appendChild(oText3)
//----------------------------
var oFont4=document.createElement("FONT")
var tex = "哈哈的哈哈"
var oText4=document.createTextNode(tex)
oFont4.style.color="#00ee00"
form1.topic.appendChild(oFont4)
oFont4.appendChild(oText4)
}
</Script>
</head>
<body>
<form name="form1" action="" method="post">
<textarea id="test" name="topic" rows="10" cols="40"></textarea>
<input type="button" value="提交" onClick="ta()">
</form>
</body>
</html>
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）