复主代码 代码如下: 无标题文档 <p><strong><font style="BACKGROUND-COLOR: #ccffcc">//第一种방법<br></font></strong>$(document).ready(function(){<br> var doc=document,inputs=doc.getElementsByTagName(' input'),supportPlaceholder='placeholder'in doc.createElement('input'),placeholder=function(input){var text=input.getAttribute('placeholder'),defaultValue=input.defaultValue;<br> if(defaultValue ==''){<br> input.value=text}<br> input.onfocus=function(){<br> if(input.value===text){this.value=''}};<br> input.onblur=function(){if(input.value===''){this.value=text}}};<br> if(!supportPlaceholder){<br> for(var i=0, len=inputs.length;i<leni ){var input=inputs[i],text=input.getAttribute('placeholder');<br> if(input.type==='text'&&text){placeholder (입력)}}}});</p> <p><strong><font style="BACKGROUND-COLOR: #ccffcc">//第二种方法</font></strong><br>$(function(){<br>if(!placeholderSupport()){ // 判断浏览器是否支持 자리 표시자<br> $('[placeholder]').focus(function() {<br> var input = $(this);<br> if (input.val() == input.attr('placeholder')) { <br> input.val('');<br> input.removeClass('placeholder');<br> }<br> }).blur(function() {<br> var input = $(this); <br> if (input.val() == '' || input.val() == input.attr('placeholder')) {<br> input.addClass('placeholder');<br> 입력. val(input.attr('placeholder'));<br> }<br> }).blur();<br>};<br>})<br>function placeholderSupport() {<br> return 'placeholder ' in document.createElement('input');<br>}<br> 용용명: <입력 유형 ="text" placeholder="请输入用户name"/>
