본문 바로가기

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>
        
        <label for="subject">제목:</label>
        <input type="text" id="subject" name="subject" required><br><br>
        
        <label for="message">메시지:</label><br>
        <textarea id="message" name="message" rows="4" required></textarea><br><br>
        
        <input type="submit" value="메일 보내기">
    </form>
</body>
</html>

 


위 코드에서는 <form> 요소를 사용하여 입력 양식을 만들고, <label>과 <input> 요소를 사용하여 각 입력 필드를 생성합니다. 또한, <textarea> 요소를 사용하여 메시지를 입력받습니다. 필수 입력 필드는 required 속성을 사용하여 지정합니다.

 

결과보기

반응형

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

음악 재생 컨트롤  (0) 2023.12.08
텍스트 애니메이션 적용  (1) 2023.12.08
파이 차트 만들기  (1) 2023.12.08
화면에 움직이는 객체 추가  (1) 2023.12.08
간단한 블로그 형식  (1) 2023.12.08