首页
矢量素材
PNG图标
JS代码
网页小图标
网页素材
设计欣赏
广告达人
有趣新鲜
技术文档
懒人博客
懒人论坛
当前位置：
首页
>
JS代码
>
JS特效代码
>
表单按钮
> 第1页
表单美化之textarea文本域背景的美化
VIEW:1383
来源：懒人图库
2009-06-15
<!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(http://www.lanrentuku.com/down/js/images/12450456760.gif) no-repeat right top; } .textfield {width:500px;height:18px;background-image:url(http://www.lanrentuku.com/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"></textarea></td> </tr> <tr> <td height="32"><a href="http://www.lanrentuku.com/" target="_blank">懒人图库</a> - 学会偷懒，并懒出境界是提高工作效率最有效的方法！</td> </tr> </table> </body> </html>
提示：您可以先修改部分代码再运行，复制代码和保存代码功能在Firefox下无效。
用到的图片：
↑上一篇：
表单美化之注册与登录界面的美化
↓下一篇：
2007英文网站最具流行的53种网站导航
表单美化之textarea文本域背景的美化
表单美化之注册与登录界面的美化
CSS自适应宽度按钮
可选择Email和用户名登录的代码
鼠标经过input时的颜色发生变化
符合标准的Focus功能的提交信息表单
效果超酷的textarea的输入字数限提示
带滑动条的DIV+CSS+JS登录框代码
输入框下拉列表提示
广告代码
共
338
个JS广告代码
››全部
焦 点 图(156)
全屏广告(11)
对联广告(6)
在线客服(5)
相册代码(39)
菜单导航(32)
TAB标签(13)
悬浮漂浮(3)
视频播放(4)
图片特效(23)
翻牌书角(7)
其他代码(39)
特效代码
共
273
个JS特效代码
››全部
导航菜单(55)
表单按钮(43)
文字特效(11)
表格图层(35)
图片特效(15)
时间日期(21)
滚动代码(11)
窗口特效(8)
颜色背景(2)
网站常用(42)
CSS样式(13)
其他特效(17)
最近浏览过的特效代码
更多››
关于我们
-
版权声明
-
广告服务
-
懒人西西
-
RSS订阅
-
工作机会
-
网站地图
-
友情链接
-
联系我们
-
在线留言
Copyright © 2006-2009
lanrentuku.com
All Rights Reserved.
-
京ICP备08001501号
