본문 바로가기

HTML 예제

사용자 정보 입력 받기

반응형

사용자 정보 입력을 받는 간단한 HTML 코드를 제공합니다. 이 코드는 사용자로부터 이름과 이메일 주소를 입력받는 예제입니다.


<!DOCTYPE html>
<html>
<head>
    <title>사용자 정보 입력 받기</title>
</head>
<body>
    <h1>사용자 정보 입력</h1>
    
    <form>
        <label for="name">이름:</label>
        <input type="text" id="name" name="name" required><br><br>
        
        <label for="email">이메일:</label>
        <input type="email" id="email" name="email" required><br><br>
        
        <input type="submit" value="제출">
    </form>
</body>
</html>

 


위 코드에서는 <form> 요소를 사용하여 입력 양식을 만들고, <label>과 <input> 요소를 사용하여 이름과 이메일 주소를 입력받습니다. required 속성을 사용하여 필수 입력 필드로 지정합니다.

 

결과 보기

반응형

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

간단한 블로그 형식  (1) 2023.12.08
동적으로 이미지 변경  (1) 2023.12.08
텍스트 스타일링 연습  (0) 2023.12.07
화면 스크롤 이벤트  (0) 2023.12.07
간단한 메뉴 디자인  (0) 2023.12.07