javascript - 등록 페이지에 비밀번호를 입력하기 전에 기본적으로 점 대신 텍스트를 표시하려면 어떻게 해야 합니까?

Question

<input type="password" name="info[password]" id="password3" class="list-input" onblur="if(this.value==''){this.value='입력하세요 6~20자리 비밀번호';}" onfocus="if(this.value=='6~20자리 비밀번호를 입력하세요'){this.value='';}" value="6~20자리 비밀번호를 입력하세요" placeholder="6~20자리 비밀번호를 입력하세요"/>

이 문장은 이제 기본으로 표시되고... 입력창에 마우스를 클릭하면 "비밀번호 6~20자리를 입력하세요"가 출력됩니다. 기본적으로 "6~20자리 비밀번호를 입력하세요"가 표시되고 입력 후에는 다음과 같이 표시되도록 하려면 어떻게 해야 합니까?

Answer 1

엉성한 속성을 많이 작성했지만 자리 표시자는 작성하지 않았습니다. . .
placeholder="6~20자리 비밀번호를 입력하세요", 입력란에 추가하세요

Answer 2

물론 js를 사용하여 vulue에 값을 할당하면 *로 표시됩니다. 입력 태그에 자리 표시자를 추가해 볼 수 있습니다

Answer 3

새 브라우저에서는 자리 표시자를 지원하고 CSS 속성을 설정하여 텍스트가 너무 어둡지 않도록 회색으로 만듭니다.

Answer 4

자리 표시자 사용

Answer 5

IE에서 호환성 문제를 고려할 필요가 없다면 가장 쉬운 방법은 자리 표시자입니다
하지만 자리 표시자 속성은 IE10까지 호환됩니다.
따라서 IE10 이하의 브라우저와의 호환성을 고려해야 한다면 다음을 살펴보는 것이 좋습니다. 플러그인 jquery-placeholder

Answer 6

으아악

모바일 단말기가 호환되는 경우 PC 단말기인 경우 ie8과 호환되는 플러그인을 다운로드할 수 있습니다.
다운로드 주소:
링크 설명

Answer 7

<input type="password" placeholder="표시하려는 기본 텍스트">

Answer 8

가장 간단한 것은 자리 표시자이지만 이것은 IE와 호환되지 않습니다.
호환성을 달성하는 방법은
em 태그를 작성하는 것입니다(위치는 입력의 형제 노드입니다).
JS를 사용하여 컨트롤에 포커스/흐림/키인 상태가 있는지 확인하여 em 태그가 표시되는지 확인하세요.