[HTML] Password Input

안녕하세요 동기 여러분~~~ 감기 조심하세요~~~ 오늘은 패스워드를 넣는 칸을 만들어 보도록 하겠습니다.

 

Password Input

비밀번호!

 

---

 

생김새

<form action="/ex.html" method="POST">
	<label for="userpassword">너의 비밀번호는 무엇인고?</label>
	<br>
	<input type="password" name="userpassword" id="userpassword">
</form>

<input>에 type을 "password"로만 바꾸어주면 된다. 그럼 비밀번호를 타이핑할 때 다음과 같은 화면이 나온다.

 

크롬에서 실행한 코드입니다. 닷닷닷닷닷닷닷닷

 

물론 <input>을 <label>안에 넣어 버려서 코드를 짧게 쓸 수도 있다.

<form action="/ex.html" method="POST">
	<label>너의 비밀번호는 무엇인고?<br>
		<input type="password" name="userpassword">
	</label>

 

또다시 물론 form이 보내어질 때 userpassword="사용자가 적은 비밀번호"가 보내어지게 된다!

 

---

오늘의 느낌

오늘의 느낌은 Adding a Label 편에 올려두었다ㅋㅋㅋㅋㅋㅋ 궁금하지 않으신가