사용자로하여금 비밀번호를 최소 6자, 최대 12자까지만 입력하게 하려면 input 태그 minlength 속성의 값에는 6을, maxlength 속성의 값에는 12를 주면 됩니다.
1
|
비밀번호: <input type="password" minlength="6" maxlength="12">
|
cs |
이렇게 하면 최대 12자까지만 입력이 가능해집니다.
만약 사용자가 비밀번호를 6자 미만으로 입력하고 제출 버튼을 눌렀을 경우에는 다음과 같은 경고창이 뜨면서, 제출이 되지 않습니다.
minlength와 maxlength 상당히 유용한 속성들이죠? ㅎㅎ
'Dev > HTML, CSS' 카테고리의 다른 글
[css] 스크롤바 예쁘게 꾸미기 (0) | 2021.01.06 |
---|---|
[css] 손가락 모양의 커서, cursor:pointer (0) | 2020.12.30 |
[html] a 태그에서 title 속성의 역할은? (0) | 2020.12.29 |
[css] 리스트 앞 기호 내가 원하는 이미지로 바꾸려면? list-style-image 속성 (0) | 2020.12.18 |
[css] 링크 효과 관련 a:link, a:visited, a:hover, a:active 정리 (5) | 2020.11.21 |
[css] 리스트 앞 기호 및 여백 제거하기 (2) | 2020.11.19 |
[css] div 요소 화면 정중앙에 배치하기, flex box 활용 (0) | 2020.11.08 |
[css] 밑줄 여유있게 치기 (0) | 2020.10.21 |