placeholder
HTML 코드
- 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"; } } }); }); });
관련 문서
Plugin Backlinks: 아무 것도 없습니다.