open:html-input-placeholder

placeholder

snippet.html
<input type="text" name="loginId" id="input-id" class="text" />
snippet.java
$(function(){
	  var inputs = $("input[name]");
	  inputs.each(function(){		  
	    var input = $(this);
	    var ph;
	    var nameAttr = input.attr('name');
	    if(nameAttr == 'searchKeywordVal'){
	    	ph = '검색어 입력';	    
	    }else if(nameAttr == 'loginId'){
	    	ph = '아이디 입력';
	    }else if(nameAttr == 'loginPasswd'){
	    	ph = '비밀번호 입력';
	    }else{
	    	return;
	    }
	    input.val(ph);
	    input.attr('placeholder', ph);
	    if(input[0].type  == "password") {
	      input.data("ispassword", "true");
	      input[0].type = "text";
	    }
	    input.focus(function(){
	      var input = $(this);
	      if(input.val() == ph){
	        input.val("");
	        if(input.data("ispassword") == "true"){
	          input[0].type = "password";
	        }
	      }
	    });
	    input.blur(function(){
		  	var input = $(this);
			if(input.val() == ""){
				input.val(ph);
				if(input[0].type  == "password") {
				  input.data("ispassword", "true");
				  input[0].type = "text";
				}
			}
		});
	  });
});

  • open/html-input-placeholder.txt
  • 마지막으로 수정됨: 2020/06/02 09:25
  • 저자 127.0.0.1