仅使用纯CSS或javascript或jquery将样式添加到文本区域

Question

I am trying to check if it is possible to add the styling to textbox similar to the ones used by yahoo for the To field in compose page.. replacing the email id with the name inside a wrapper.. i want to know if this can be achieved using css or javscript?? I will attach a snap so that you can see what Im trying to acheive here.. I wil also add a fiddle link of whta Ive tried and failed

http://jsfiddle.net/sztnN/2/

Answer 1

What JavaScript does here is it converts normal <input> or <textarea> elements to probably <div> elements that hold the values. Here is an example and a guide on how you can achieve that in JQuery:

http://www.devthought.com/projects/jquery/textboxlist/