input_javascript 스킬의 초기값으로 value를 쓰지 않는 구체적인 구현 방법

1. 태그를 사용하여 입력 항목에 배치하고 클릭 시 및 입력 항목에 포커스가 있을 때 사라지도록 합니다.

예를 들어 가장 흔히 사용되는 input의 초기값을 만들어 예전에는 그냥 input의 값으로 썼었습니다. 그런데 어느날 개발자가 이게 안되고 가치의 7788%를 넘기게 된다고 하더군요... @나머지는 이해만 될 뿐 말로 표현할 수는 없습니다. 그래서 초기값을 따로 적어야 하니 어리둥절해서 태그로 작성해서 입력에 위치시키고 클릭시나 입력에 포커스가 가해지면 사라지게 만듭니다.

꼭 외워야 할 단어. 인터넷에 엄청 많이 있는데, 보지도 않고 그냥 만들어서 사용하면 세상에서 가장 멍청한 사람이 될 거예요! ! 타이핑을 하는 동안 내 손은 아직도 떨리고 있고, 이런 작은 실수를 하는 나 자신을 정말 용서할 수 없습니다. 게으르고 어리석은 사람을 위해. 생각나는 곳에 올바른 단어를 넣으세요.

previousSibling은 이전 노드를 찾습니다.

nextSibling이 다음 노드를 찾습니다.

html

코드 복사 코드는 다음과 같습니다.

원래 비밀번호
/label> ;css

.password{ 위치:상대적; }
.passText{ 위치:절대값:5px; 글꼴 크기:14px; }

js, 롱롱롱롱 단어에 주목하세요! ! ! ! ! 또 철자를 틀리면 잘립니다.

코드 복사 코드는 다음과 같습니다.

var CHECKON={

showHelpInfo: function(idTa ){
var pve=(idTa.previousSibling.nodeType==1)?idTa.previousSibling:idTa.previousSibling.previousSibling;
pve.style.display='none'
},
hide :function(classN,id2){
var idBox=document.getElementById(id2);
classN.style.display='none';
idBox.focus();
}


2. 배경 이미지를 사용하여 입력에 배경 이미지를 추가하고, 초점이 맞춰지면 이미지가 사라지도록 합니다.

3.html5에는 최신 속성인 자리 표시자 속성이 있는데, 이 속성은 입력 시 자동으로 회색으로 표시됩니다. 하지만 입력을 하면 사라집니다. 하지만 HTML5는 IE8에서 지원하지 않습니다.

위에 또 다른 문제가 있습니다. 즉, 브라우저가 이전에 입력한 기록을 기억하고 로그인 페이지를 다시 열면 계정과 비밀번호가 자동으로 나타납니다. 물론 좋은 일이다. 단, 앞서 설정한 스팬태그 위치결정 방식의 경우 고스팅이 발생하게 됩니다.

배경 이미지를 사용하면 기본적으로 해결이 되지만, ie7은 그렇지 않습니다.

이전에 캐시된 로그인 기록을 지우려면 헤더에 다음 코드를 추가하세요.

코드 복사 코드는 다음과 같습니다.