html - Labels inside tags -

html - Labels inside <input> tags -

ok, seen on 1 of applications bought , wanting forms. appears labels within inputs.

http://i1309.photobucket.com/albums/s627/mievan123/this_zps1884e41d.png

i know can utilize placeholders disapear 1 time start typing in field. want remain image above. typed "mr." before took image in title field.

what's secret!!!!

label { border: 1px solid black; border-radius: 5px; margin-bottom: 5px; border-bottom: 1px solid #669244; background: #669244; color: #ddd; padding: 11px 10px; } input { border: 0; color: black; font-size: 14px; background: #669244; } textarea { border: 0; color: black; font-size: 14px; background: #669244; }

you can surround input element element has border , "label" , remove border input.

label { border: 1px solid black; border-radius: 5px; color: gray; padding: 5px; } input { border: 0; color: black; }

http://jsfiddle.net/explosionpills/jjasn/1/

html