메뉴 건너뛰기

Dev tips

Etc. mailto 활용 방법

taknim 2006.11.02 00:53 조회 수 : 7712 추천:2081

http://blog.naver.com/mihn1120/30002208902

대부분의 사람들이 mailto 태그를 사용할 때 수신자 속성만 정의하고 사용할 때가 많다. 하지만 참조, 숨은 참조, 제목, 본문 내용까지 이 태그 안에 다 정의할 수가 있다. 이 방법에 대해 간단히 살펴 보도록 하자.

가장 기본적인 형태는 다음과 같다:

<A href="mailto:webmaster@korea.internet.com">웹마스터에게 메일을</a>

결과 : 웹마스터에게 메일을

다음으로는 참조를 삽입해 보자. 단순히 이메일 주소에 ?cc= 부분에 참조 이메일 주소를 적어주면 된다:

<A href="mailto:webmaster@korea.internet.com?cc=partner@korea.internet.com">웹마스터에게 메일을</a>

결과 : 웹마스터에게 메일을

이제 여기다 숨은 참조를 붙여보도록 하자:

<A href="mailto:webmaster@korea.internet.com?cc=partner@korea.internet.com&bcc=ads@korea.internet.com">웹마스터에게 메일을</a>

결과 : 웹마스터에게 메일을

이번엔 여러 사람에게 메일을 보내는 경우를 살펴 보자:

<A href="mailto:webmaster@korea.internet.com, partner@korea.internet.com?cc=partner@korea.internet.com, webmaster@korea.internet.com&bcc=ads@korea.internet.com">웹마스터에게 메일을</a>

결과 : 웹마스터에게 메일을

이제 제목란에 적당한 제목을 붙여 보도록 하자:

<A href="mailto:webmaster@korea.internet.com?cc=partner@korea.internet.com&bcc=ads@korea.internet.com&subject=문의가 있습니다!">웹마스터에게 메일을</a>

결과 : 웹마스터에게 메일을

이제 여기에 메일 본문 내용까지 붙여보도록 하자:

<A href="mailto:webmaster@korea.internet.com?cc=partner@korea.internet.com&bcc=ads@korea.internet.com&subject=문의가 있습니다!&body=mailto 태그 사용 방법에 대해 자세히 알고 싶습니다">웹마스터에게 메일을</a>

결과 : 웹마스터에게 메일을

이제 지금까지의 방법을 응용하여 간단한 메일 폼을 만들어 보도록 하자:

<form name="mailform">
이  메  일 : <input type="text" name="mailto" value="webmaster@korea.internet.com"><br>
참       조 : <input type="text" name="cc" value="partner@korea.internet.com"><br>
숨은 참조 : <input type="text" name="bcc" value="ads@korea.internet.com"><br>
메일 제목 : <input type="text" name="subject" value="메일 제목을 입력하세요!"><br>
본문 내용 : <textarea name="body" rows="10" cols="70">메일 내용을 입력하세요!!</textarea>
<p><center>
<input type="button" onclick="location.href='mailto:' + document.mailform.mailto.value + '?cc=' + document.mailform.cc.value + '&bcc=' + document.mailform.bcc.value + '&subject=' + document.mailform.subject.value + '&body=' + document.mailform.body.value" value="메일 소프트웨어 실행하기">
</center></p>
</form>


ⓒ 2016 TAKNIM