欢迎来到HTML5中文学习网！
首页
JS代码
焦 点 图
全屏广告
对联广告
在线客服
相册代码
菜单导航
TAB标签
悬浮漂浮
视频播放
图片特效
翻牌书角
其他代码
导航菜单
表单按钮
文字特效
表格图层
图片特效
时间日期
滚动代码
窗口特效
颜色背景
网站常用
CSS样式
其他特效
html5教程
网站及特效实例
教程视频
html5资讯
bootstrap
HTML5演示
HTML5论坛
当前位置：
首页
>
JS代码
>
JS特效代码
>
表单按钮
表单美化之textarea文本域背景的美化
2009-06-15 来源/作者：HTML5中文学习网 分类：
表单按钮
«
»
<!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>HTML5中文学习网</title> <style type="text/css"> <!-- .textarea {width:500px;height:70px;background:url(#down/js/images/12450456760.gif) no-repeat right top; } .textfield {width:500px;height:18px;background-image:url(#down/js/images/12450456761.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">
HTML5中文学习网
- 学会偷懒，并懒出境界是提高工作效率最有效的方法！
