【MFyoyo教程一】很无聊，发一个文本框需要的一个背景提示。

在不少的网站的文本输入框内中，大家一定发现在文本框或者评论框中有一个带提醒功能的图片，其实用CSS就可以轻松实现，只需要给textarea增加background属性，然后引入一张背景图，然后设置no-repeat right bottom，意思是不重复，靠右下对齐，是不是挺简单的？
我就以群组回帖下面的输入框问例子吧。
首先我们找到对应的模板，群组回帖对应的HTM文件是：space_thread_view.htm

然后找到：

1. <textarea id="message" name="message" onkeydown="ctrlEnter(event, 'postsubmit_btn');" col="50" rows="6" style="width: 430px; height: 6em;"></textarea>

复制代码

然后为textarea增加background属性
增加后为：

1. <textarea id="message" name="message"  style="background:#F5FAFE url(图片路径) no-repeat right bottom; border:1px solid #ccc onkeydown="ctrlEnter(event, 'postsubmit_btn');" col="50" rows="6" style="width: 430px; height: 6em;"></textarea>

复制代码

这样你的文本框就有了一个背景提示了，你可以设置为你站的LOGO，也可以设置为提示图片。效果如下：




这个是这个图

谢谢，学习了

哇~~~~~~~~~~~~~~~~~

在不少的网站的文本输入框内中，大家一定发现在文本框或者评论框中有一个带提醒功能的图片，其实用CSS就可以 ...
MFyoyo.. 发表于 2009-11-23 19:48

    老大最值得称赞的地方就是总会发布一些代码出来,好代码字字如金啊, 赞一个先

真有点无聊哇。。。声明下不是说LZ帖子无聊！！

我也改改玩玩吧。。。嘎嘎

精辟啊

支持下先！

支持。
虽然比较简单，但是实用

不错 学习了 支持楼主。