required, minlength, min, max, pattern 등 입력 제약을 설정합니다.
placeholder는 예시 힌트, value는 초기값, readonly는 제출되지만 수정 불가, disabled는 수정과 제출 모두 제외됩니다. required와 길이·범위 속성은 브라우저 기본 검증에 사용됩니다.
예제에서는 <input required minlength="2" maxlength="10"> 부분부터 찾으세요. 태그 이름만 외우기보다 부모·자식 관계와 속성이 어느 요소에 붙는지를 한 덩어리로 읽으면 구조를 고치기 쉬워집니다.
먼저 현재 결과를 확인한 뒤 이름에 한 글자, 나이에 130을 넣어 브라우저 메시지를 확인하세요. 수정 전에는 예상한 변화를 한 문장으로 적고, 실행 뒤에는 정보 순서와 키보드 접근까지 그대로인지 살펴보세요.
placeholder는 입력 후 사라지므로 label을 대신할 수 없습니다.
직접 바꿔보세요이름에 한 글자, 나이에 130을 넣어 브라우저 메시지를 확인하세요.