Chciałbym, aby wyglądał tak:

Edytowałem kod w ten sposób wzorując się na innym formularzu
<div style="width:280px; margin-top:20px;margin-left:auto; margin-right:auto;"> <form action="http://moj adres strony" method="POST" onsubmit="if(!document.getElementById('email').value.length) { alert('Wpisz swój adres e-mail!'); return false; }"> <input id="form_token" name="form_token" value="0vy3cm4qhfacu7nc" type="hidden"> <input style="width: 218px; height: 27px; font-size: 14px; background-color: #e9e9e9; background-image:url(http://biznes.24-przez.net/thumb/myimages/0000205001488646642.png); margin-bottom:10px; background-repeat: no-repeat; padding:1px; padding-left:10px;" value="Wpisz swój email..." onfocus="if(this.value == 'Wpisz swój email...'){ this.value = '';this.style.color = '#212121' }" onblur="if(this.value == ''){ this.value = 'Wpisz swój email...';this.style.color = '#666666' }" id="email" name="address_email" type="text"> <input style="width: 218px; height: 27px; font-size: 14px; background-color: #e9e9e9; background-image:url(http://biznes.24-przez.net/thumb/myimages/0579905001488649266.png); margin-bottom:10px; background-repeat: no-repeat; padding:1px; padding-left:10px;" value="Wpisz swoje Imię" onfocus="if(this.value == 'Wpisz swoje Imię'){ this.value = '';this.style.color = '#212121' }" onblur="if(this.value == ''){ this.value = 'Wpisz swoje Imię';this.style.color = '#666666' }" id="field_imie" name="field[1]" type="text"> <input src="http://theme60.webatom.pl/thumb/myimages/0307037001493137263.png" title="zapisz mnie" style="margin-top:5px; width:229px; height:39px; background:transparent; border:none;" width="248" type="image" height="36"> </form> </div>
Efekt wyszedł jaki zakładałem, lecz formularz przez to źle działa.
Po kontakcie z autorem napisał mi, że nie można tak ingerować w kod - napisał, że efekt jest do uzyskania ale wyłącznie poprzez ostylowanie css.
Proszę o pomoc, gdyż nie mam pojęcia jak to zrobić w scc, aby uzyskać ten efekt.