[HTML]15_<input>태그로 패스워드(비밀번호) 만들기(password)

1. <input> 태그의 type 속성 😎👍

• text
  : 일반 텍스트를 입력받을 수 있다.
• password
  : 패스워드를 입력받을 수 있도록, 입력값이 화면에 보여지지 않도록 한다.
• submit
  : <form> 태그 내에 입력된 데이터를 서버로 전달해 준다.

---

• button
  : 버튼을 생성해준다.
• checkbox
  : 체크박스 형태의 입력을 받을 수 있다.(다중선택가능)
• radio
  : 라디오 버튼 형태의 입력을 받을 수 있다.(중복선택불가능)
• reset
  : <form> 태그 안의 사용자 입력을 초기화 한다

이 외에도 HTML5부터 지원하기 시작한 type들이 있다.
:  color, date, datetime-local, email, month, number, range, search, tel, time, url, week 등

2. <input> 태그와 'type'속성을 이용하여 패스워드 입력 필드 만들기

• type='password'
  : 입력되는 값이 '*'나 '●'로 나온다. (형태는 브라우저에 따라 다르다.)

<form>
  ID: <input id='userId' type='text'></br>
  비밀번호: <input id='userPw' type='password'>
</form>

ID:
비밀번호:

3. 패스워드 길이 5자리로 제한하기

• maxlength='값'
  : 가장 긴 입력값을 '값' 만큼 제한한다는 의미

<from>
  ID: <input id='userId' type='text'><br>
  비밀번호: <input id='userPw' type='password' maxlength='5'>
</from>

ID:
비밀번호:

이 외에도 <input> 태그 속성은 다양하다
: align, alt, disabled, readonly, size, value...