修改 textarea 内文本的颜色
修改textarea内文本的颜色<textareaname="applyreason"id="applyreason"rows="3"class="btn_text...
修改 textarea 内文本的颜色
<textarea name="applyreason" id="applyreason" rows="3" class="btn_textarea" cols="" onfocus="this.value=''">没有良好的发帖记录，是不会被通过的哦~</textarea>
代码如上
修改要求如下：
1.初始值为灰色，输入新的文字后的文字颜色是黑色。
2.不允许按初始值提交（可以用多种方法，比如，初始值闪不见了，等等） 展开
<textarea name="applyreason" id="applyreason" rows="3" class="btn_textarea" cols="" onfocus="this.value=''">没有良好的发帖记录，是不会被通过的哦~</textarea>
代码如上
修改要求如下：
1.初始值为灰色，输入新的文字后的文字颜色是黑色。
2.不允许按初始值提交（可以用多种方法，比如，初始值闪不见了，等等） 展开
1个回答
展开全部
<html>
<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修改
<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修改
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
