2009-08-22 4 views
2

기본적으로 입력 필드는 type = "text"로 설정되어 있으므로 Password라는 단어가 표시 될 수 있습니다. 나는 사용자가 그것을 선택할 때 패스워드 필드로 바꿀 다음을 가지고 있는데, Internet Explorer를 제외한 모든 브라우저에서 잘 동작한다.this.type = 'password'는 IE에서는 작동하지 않지만 다른 모든 브라우저에서는 작동하지 않습니다.

onfocus="this.type='password';" 

IE에서이 작업을 수행하려면 어떻게해야합니까?

+0

그렇기 때문에 I.E를 다시 사용하지 않도록 권고합니다. –

+0

예, 훌륭한 생각이지만 사용자의 60 %는 다른 아이디어를 가지고 있습니다 ...! – redsquare

+0

그래, 사실! :-) 나는 인터넷 익스플로러 개발에 신경 쓰지 않는다. –

답변

6

IE는 요소의 유형을 동적으로 변경하는 것을 원하지 않습니다. 한 가지 해결책은 요소를 완전히 대체하는 것일 수 있습니다. 그러나 나는 비 js 사용자가 여전히 동일한 기능을 얻고 워터 마크없이 살 수 있도록 입력 유형 암호 만 사용하도록 제안합니다.

1

달성하려는 효과는 무엇입니까? 초기 암호를 볼 수있게 하시겠습니까? 그러나 새 암호를 입력하면 암호가 가려 집니 까? 그렇다면 요소를 암호 입력으로 바꾸고 값을 복사하기 만하면됩니다.

1

레이블 >을 사용하는 것이 컨트롤 자체에 표시되는 것이 아니라 "password"라는 텍스트를 사용하는 것이 좋습니다. CSS를 사용하여 레이블을 텍스트 상자 안에있는 것처럼 보이게 할 수 있습니다. 목록 외에도이 종류의 기사에 대한 좋은 기사가 있습니다. http://www.alistapart.com/articles/makingcompactformsmoreaccessible/

관련 문제