为textarea添加背景

最新推荐文章于 2021-02-28 12:11:20 发布

lishushan

最新推荐文章于 2021-02-28 12:11:20 发布

阅读量293

点赞数

分类专栏： JavaScript 文章标签： CSS JavaScript HTML XHTML XML ViewUI

本文链接：https://blog.csdn.net/lishushan/article/details/83529153

版权

JavaScript 专栏收录该内容

77 篇文章 0 订阅

订阅专栏

<form action="" method="post" id="MrJin" name="MrJin">
     <textarea name="MrJin_52CSS" id="MrJin_52CSS" cols="" rows=""></textarea>
     <input name="Submit" type="submit" value="Submit" />
</form>


<style>
<!--
#MrJin_52CSS {
     display:block;
     width:350px;
     height:240px;
     background:url(http://www.baidu.com/img/logo-yy.gif) no-repeat 10px 30px;
     border:1px solid #06f;
     padding:5px;
     }
-->   
</style>





<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="cn" lang="cn">
<head>
<title></title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<style type="text/css">
.fab{width:440px;height:100px;font-size:12px;padding:3px;background: #f8f9ff url(http://www.linstyle.cn/website/template/linstyle/images/linstyle/footer.gif) no-repeat 0 -222px;border: 1px solid #c4c9fd;color:#6C63A3}
.fabt{width:440px;height:100px;font-size:12px;padding:3px;border:1px solid #f7ca06;background:#fffbca;color:#cb6a24}
.fabtt{width:440px;height:100px;font-size:12px;padding:3px;background: #f8f9ff;border: 1px solid #c4c9fd;color:#6C63A3}
</style>
<script type="text/javascript" language="javascript">
</script>
</head>
<body>
<textarea name="v_content" id="v_content" class="fab"     οnblur="this.className='fabtt'" οnfοcus="this.className='fabt'"     οnkeydοwn="ctrlenterkey(event);" οnfοcus="if (securitycodejs!=null) {document.getElementById('showsecuritycode').innerHTML=securitycodejs; securitycodejs=null;}"></textarea>
</body>
</html>

还有一种用CSS的：

<!DOCTYPE   HTML   PUBLIC   "-//W3C//DTD   HTML   4.01   Transitional//EN"   
"http://www.w3.org/TR/html4/loose.dtd">   
<html>   
<head>   
<meta   http-equiv="Content-Type"   content="text/html;   charset=gb2312">   
<title>无标题文档</title>   
<style   type="text/css">   
<!--   
.unnamed1   {   
background-image:   url(http://www.baidu.com/img/logo-yy.gif);   
}   
-->   
</style>   
</head>   
    
<body>   
<textarea   name="textarea"   class="unnamed1"></textarea>   
</body>   
</html>

lishushan

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
为textarea添加背景

&lt;form action="" method="post" id="MrJin" name="MrJin"&gt; &lt;textarea name="MrJin_52CSS" id="MrJin_52CSS" cols="" rows=""&gt;&lt;/textarea&gt;
复制链接

扫一扫

专栏目录