Today I came across a form using inline javascript events for placeholders:<br>[html]<br><div class="inputBG" align="center"><br> <input name="company" id="company" type="text" placeholder="Company Name" onBlur="if (this.value == '') {this.value = 'Company Name';}" onFocus="if (this.value == 'Company Name') {this.value = '';}" /><br></div><br>[/html]<br><strong>This is a no-no.</strong><br>Instead, use this:<br><span style="text-decoration: underline;">HTML</span><br>[html]<input id="name" type="text" name="name" placeholder="placeholder name">[/html]<br><span style="text-decoration: underline;"> jQuery</span><br>[javascript]<br>// only necessary for browsers that don't support the placeholder attribute<br>$(document).ready(function(){<br>$('input').each(function(i,v){<br>// set initial values<br>$(this).val($(this).attr('placeholder'));<br>});<br>});<br>$('input').on({<br>'click': function(){ // clear the placeholder<br>if( $(this).val() == $(this).attr('placeholder')){ $(this).val(''); }<br>},<br>'blur': function(){ // reset the placeholder<br>if( $(this).val() == ''){ $(this).val($(this).attr('placeholder')); }<br>}<br>});<br>[/javascript]<br>And all is good and right in the world.<br>I'm assuming you have a basic understanding of document structure and how to implement jQuery.<br>If you have any <a href="/questions">questions</a>, please <a href="/questions/ask">ask</a>.