비밀번호 필드
Coddy HTML 여정의 Fundamentals 섹션에 포함된 레슨 — 60개 중 38번째.
HTML에서 비밀번호 필드는 사용자로부터 비밀번호를 수집하는 데 사용되는 입력 필드의 한 종류입니다.
일반적인 텍스트 입력 필드와 비슷하지만, 비밀번호 필드에 입력된 문자는 마스킹 처리되어 보통 별표나 점으로 표시됩니다. 이는 비밀번호를 입력하는 동안 다른 사람이 비밀번호를 볼 수 없도록 하기 위함입니다.
비밀번호 필드를 만들려면 type 속성이 "password"로 설정된 <input> 태그를 사용합니다.
HTML에서 비밀번호 필드를 생성하기 위한 기본 구문은 다음과 같습니다:
<input type="password" name="passwordfield">챌린지
쉬움비밀번호 필드가 포함된 form을 포함하는 HTML 문서를 만드세요. 비밀번호 필드는 name이 “userpassword"이고, type이 password"이며, "Enter your password"라고 표시되는 placeholder를 가져야 합니다. 비밀번호 필드의 최대 길이를 20자로 설정하세요.
치트 시트
비밀번호 필드는 입력된 문자(별표나 점으로 표시됨)를 마스킹하여 비밀번호를 보이지 않게 숨기는 입력 필드입니다.
type="password" 속성이 있는 <input> 태그를 사용하여 비밀번호 필드를 생성합니다:
<input type="password" name="passwordfield">추가 속성을 사용할 수 있습니다:
placeholder- 힌트 텍스트를 표시합니다maxlength- 글자 수를 제한합니다
<input type="password" name="userpassword" placeholder="Enter your password" maxlength="20">직접 해보기
<!DOCTYPE html>
<html>
<body>
<!-- 여기에 코드를 작성하세요 -->
</body>
</html>이 레슨에는 짧은 퀴즈가 포함되어 있습니다. 레슨을 시작해 문제를 풀고 진행 상황을 기록하세요.