Position label text inside the text area

I have been playing around CSS for few hours now and I can't seem to get the result I want. Basically I want my label text to be displayed inside the textbox, so when you start typing it just disappears. Something like this [input --- enter your name --- input]Real example: http://www.apartmani-pesa-zaton.hr/rezervacijaMy label form:\[code\]<form class="email" id="forma-kontakt" action="send_mail.php" method="post"> <div id="grid_kontakt"> <div id="grid_kontakt_l"> <p> <label for="name">Ime i prezime *</label> <input type="text" id="name" class="required" name="name" /> </p> <p> <label for="email">E-mail *</label> <input type="text" id="email" class="required email" name="email" /> </p> </div><!-- Grid kontakt left --> <div id="grid_kontakt_r"> <p> <label for="country">Dr?ava</label> <input type="text" id="country" class="required" name="country" /> </p> <p> <label for="phone">Telefon</label> <input type="text" id="phone" class="required" name="phone" /> </p> </div><!-- Grid kontakt right --> <p class="text"> <label for="message">Poruka *</label> <textarea name="message" class="required" id="message"></textarea> </p> <p class="ar"> <em>Sva polja su obavezna!</em> <input type="submit" class="send" value="http://stackoverflow.com/questions/15730202/PO?ALJI" /> </p> </div><!-- Grid kontakt --> </form>\[/code\]
 
Back
Top