[form] HTML - <input type="password"> 태그 - 패스워드 입력 (= 비밀번호 입력 = 인풋패스워드타입/패스워드타인인풋/패스워드인풋 요소)

1. <input type="password"> 예제 - 패스워드 입력
2. <input type="password"> 정의
3. <input type="password"> 구문

<input type="password"> 예제 - 패스워드 입력

 

<form action="/action_page.php">

  <label for="email">이메일:</label>

  <input type="email" id="email" name="email"><br>

  <label for="password">패스워드:</label>

  <input type="password" id="password" name="password" minlength="8"><br>

  <input type="submit" value="확인">

</form>

 

결과보기

<input type="password"> 정의

 

패스워드 입력 가능한 INPUT 요소.

 

---

 

1.

• 입력한 비밀번호는 숨겨짐. (예: ＊＊＊＊)
• 입력한 비밀번호가 보이게 하려면, JS 이용해 text 속성으로 변경.
• 패스워드 같은 중요한 개인정보는 반드시 https 프로토콜로 전송.
• <label> 태그 이용 시 웹접근성 향상됨.

 

2.

모든 브라우저 지원.

 

3. MDN <input type="password"> 예제보기

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/password

 

<input type="password"> 구문

 

<input type="password">