TextArea加入背景图

 

<!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">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

<title></title>

<style type="text/css">

<!--

.textarea {width:500px;height:70px;background:url(images/alert.gif) no-repeat right top; }

.textfield {width:500px;height:18px;background-image:url(images/inputbg.gif);color:#ccc;border:solid 1px #999;padding:3px 0px 0px 5px;}

-->

</style>

</head>

 

<body>

<br />

<br />

<table width="510" border="0" align="center" cellpadding="0" cellspacing="0">

  <tr>

    <td height="29"><input name="search" type="text" id="search" class="textfield" onfocus="if(this.value=='关键字') {this.value='';}this.style.color='#333';" onblur="if(this.value=='') {this.value='关键字';this.style.color='#ccc';}" value="关键字" maxlength="20"/></td>

  </tr>

  <tr>

    <td height="82"><textarea name="textarea" class="textarea"></textarea></td>

  </tr>

 

</table>

</body>

</html>