How to hide label on input-focus with JQuery? -
i trying hide label when click inside input field, doesn't work , cant figure out why on own.
i tried modify example suit needs without luck.: http://blog.stannard.net.au/2011/01/07/creating-a-form-with-labels-inside-text-fields-using-jquery/
please simple possible, no nifty tricks needed here.
my code: html:
fieldset id="fieldset1"> <dl> <dt class="jform_name"> <label id="jform_name-lbl" class=" required" for="jform_name">wer sind sie:</label> </dt> <dd class="jform_name"> <input id="jform_name" class="required" type="text" aria-required="true" required="required" size="37" value="" name="jform[name]"> </dd> </dl> </fieldset>
here jquery:
<script type="text/javascript"> $('input#jform_name').focus(function(){ $('label#jform_name-lbl').hide(); }); </script>
you aren't including jquery in html posted, , although it's possible haven't included full html (please in future), think still worth mentioning seem new.
you'll need in html, preferably @ bottom, above </body>
tag.
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
otherwise, adrift mentioned, displayed code fine: http://jsfiddle.net/4lzv7/
Comments
Post a Comment