본문 바로가기

HTML 예제

사용자 인증 폼

반응형

사용자 인증 폼을 만드는 간단한 HTML 코드를 제공합니다. 

이 코드는 사용자로부터 아이디와 비밀번호를 입력받는 폼을 생성합니다.


<!DOCTYPE html>
<html>
<head>
    <title>사용자 인증 폼</title>
</head>
<body>
    <h1>사용자 인증</h1>
    
    <form>
        <label for="username">아이디:</label>
        <input type="text" id="username" name="username" required><br><br>
        
        <label for="password">비밀번호:</label>
        <input type="password" id="password" name="password" required><br><br>
        
        <input type="submit" value="로그인">
    </form>
</body>
</html>


위 코드에서는 <form> 요소를 사용하여 사용자 인증 폼을 만들고, <label>과 <input> 요소를 사용하여 아이디와 비밀번호를 입력받습니다. 비밀번호 입력 필드에는 type="password"를 사용하여 비밀번호 입력을 숨깁니다. 필수 입력 필드는 required 속성을 사용하여 지정합니다.

 

결과보기

반응형

'HTML 예제' 카테고리의 다른 글

달력 표시  (0) 2023.12.08
주식 가격 정보 표시  (1) 2023.12.08
이미지 필터 적용  (1) 2023.12.08
음악 재생 컨트롤  (0) 2023.12.08
텍스트 애니메이션 적용  (1) 2023.12.08