html 폼 메일 보내기 소스가 있을까요..?(네이버이메일)
본문
카페24 쇼핑몰에 컨텍트페이지를 하나 개설하여
문의하기 폼 메일을 만들어야 하는데요.
파일 확장자 명이 모두 html 입니다..
하나의 html파일에서 폼메일 작업은 완료시킬 수 있나요?
아래 이미지가 시안이고 내용을 적으면 네이버이메일로 내용을 받고 싶은데....
혹시 html소스나 유용한게 있다면 알려주시면 감사드리겠습니다. ㅠㅠ
개발자가 아니다보니 암만 찾아봐도 해결책이 안나와서..여기에 문의를 드립니다.!!!!
답변 2
다음을 참고 하셔서 원하시는 형태로 구현하시면 되지 않을까 합니다.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>문의하기 폼</title>
<style>
body {
font-family: Arial, sans-serif;
}
form {
max-width: 600px;
margin: 20px auto;
}
label {
display: block;
margin-bottom: 8px;
}
input, textarea {
width: 100%;
padding: 8px;
margin-bottom: 16px;
box-sizing: border-box;
}
input[type="submit"] {
background-color: #4CAF50;
color: white;
cursor: pointer;
}
</style>
</head>
<body>
<form action="#" method="post">
<label for="name">이름:</label>
<input type="text" id="name" name="name" required>
<label for="email">이메일:</label>
<input type="email" id="email" name="email" required>
<label for="message">내용:</label>
<textarea id="message" name="message" rows="4" required></textarea>
<input type="submit" value="보내기">
</form>
</body>
</html>
<?php
if ($_SERVER["REQUEST_METHOD"] == "POST") {
$name = $_POST["name"];
$email = $_POST["email"];
$message = $_POST["message"];
$to = "your @ email.com"; // 받는 이메일 주소를 여기에 입력하세요.
$subject = "문의하기 폼: $name";
$headers = "From: $email";
mail($to, $subject, $message, $headers);
}
?>
html 과 javaScript로도 구현이 가능할 것으로 보입니다.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>문의하기 폼</title>
<style>
body {
font-family: Arial, sans-serif;
}
form {
max-width: 600px;
margin: 20px auto;
}
label {
display: block;
margin-bottom: 8px;
}
input, textarea {
width: 100%;
padding: 8px;
margin-bottom: 16px;
box-sizing: border-box;
}
input[type="submit"] {
background-color: #4CAF50;
color: white;
cursor: pointer;
}
</style>
</head>
<body>
<form onsubmit="sendEmail(event)">
<label for="name">이름:</label>
<input type="text" id="name" name="name" required>
<label for="email">이메일:</label>
<input type="email" id="email" name="email" required>
<label for="message">내용:</label>
<textarea id="message" name="message" rows="4" required></textarea>
<input type="submit" value="보내기">
</form>
<script>
function sendEmail(event) {
event.preventDefault();
var name = document.getElementById('name').value;
var email = document.getElementById('email').value;
var message = document.getElementById('message').value;
var subject = "문의하기 폼: " + name;
var body = "이름: " + name + "\n이메일: " + email + "\n내용: " + message;
var mailtoLink = "mailto:your @ email.com?subject=" + encodeURIComponent(subject) + "&body=" + encodeURIComponent(body);
window.location.href = mailtoLink;
}
</script>
</body>
</html>
단 보안부분에서 매우 낮으므로 보안을 강화해야 할수도 있을 것입니다.
와아....첫번째꺼는 바로 네이버로 보내지고, 두번째는 아웃룩으로 띄어지네요. 정말정말 감사합니다. 작업해보겠습니다. (꾸벅)!!!!!
적용이 잘되신다니 다행이네요
멋진 답변입니다. 덕분에 저도 감사합니다.
답변을 작성하시기 전에 로그인 해주세요.