폼메일 제작

 한줄 글상자 작성예

      제목: <input type="text" name="제목" value="">를 본문에 넣어주고 작성해주면 출력폼에서 아래처럼 출력시켜 준다.

출력폼

결과물

제목:  

 제목: 내용

 

 스크롤 글상자 작성예

      본문: <textarea name="본문" rows="3"></textarea>를 본문에 넣어주고 작성해주면 출력폼에서 아래처럼 출력시켜 준다.

출력폼

결과물

본문:   

 본문: 내용

 

 확인상자 작성예

      확인상자란 checkbox를 말한다.

 

      가보고 싶은 곳은? <input type="checkbox" name="가보고 싶은 곳은[]" value="중국"">중국

      <input type="checkbox" name="가보고 싶은 곳은[]" value="일본"">일본

      <input type="checkbox" name="가보고 싶은 곳은[]" value="독일"">독일

      <input type="checkbox" name="가보고 싶은 곳은[]" value="이짐트"">이집트 라고 작성해주면 아래처럼 출력시켜준다.

 

출력폼

결과물

가보고 싶은 곳은? 중국일본독일이집트

 가보고 싶은 곳은?: 중국 일본 독일 이집트

 

   * 체크박스나 라디오버튼 제작시 반드시 필드명을 배열로 작성하여야 한다.

      배열이란? 위 예처럼 필드명뒤에 []를 붙이는 것을 말하며 필수항목으로 지정하려면

      가보고 싶은 곳은[]을 그대로 넣어주면 된다.

      여기서 배열의 역할은 위 예처럼 세로가 아닌 가로로 작성해야할 때 사용되는데,

      배열의 적용범위는 체크박스뿐 아니라 text, radio, textarea, checkbox, select 등 폼속성에 적용할 수 있다.

      단, 배열에 HTML태그를 넣을 수 없지만 필요하다면 send_ok.php 파일을 열어서

      content_nl2br(str_tags($_POST[$key][$i]))adds_trim(($_POST[$key][$i])로 바꿔주면 된다.

      가능하면 HTML태그를 차단해주는게 보안상 안전하다.

 

 라디오박스 작성예

      당신의 직업은? <input type="radio" name="당신의 직업은[]" value="프로그래머"">프로그래머

      <input type="radio" name="당신의 직업은[]" value="의사"">의사

      <input type="radio" name="당신의 직업은[]" value="자원봉사자"">자원봉사자

      <input type="radio" name="당신의 직업은[]" value="백수"">백수 라고 작성해주면 아래처럼 출력시켜준다.

 

출력폼

결과물

당신의 직업은? 프로그래머의사자원봉사자백수

 당신의 직업은?: 백수

 

   * 앞서 설명한 바와 같이 체크박스나 라디오버튼 제작시 반드시 필드명을 배열로 작성하여야 한다.

 

 펼침목록 메뉴 작성예

      취미: <select name="취미">

                <option value="">선택</option>

                <option value="수영">수영</option>

                <option value="TV보기">TV보기</option>

                <option value="인터넷">인터넷</option>

                </select> 라고 작성해주면 아래처럼 출력시켜준다.

 

출력폼

결과물

취미:  

 취미: 수영

 

 

폼필드 응용

 field_chk 스크립트 작성예

      아래 예처럼 작성하는데 숫자만 입력되어야 하고 가로로 작성하고자 한다.

 

      <script>

      field_chk(1,'전화번호[]');

      </script>

      전화번호: <INPUT size=3 name="전화번호[]" maxlength="3">

      <INPUT type="hidden" name="전화번호[]" value="-">

      <INPUT size=4 name="전화번호[]" maxlength="4">

      <INPUT type="hidden" name="전화번호[]" value="-">

      <INPUT size=4 name="전화번호[]" maxlength="4">

 

출력폼

결과물

전화번호: - -

 전화번호: 123-456-789

 

     field_chk(1,'전화번호[]');의 역할은 숫자만 입력받거나 이메일, 주민등록번호를 정확하게 입력받고자 할 때 사용된다.

     1은 숫자만 입력받을때 2는 이메일만 3은 주민등록번호를 입력받을 때 사용된다.

     여기서 전화번호[]는 필드명을 말한다.

     예로 이메일을 입력받고자 한다면 <script> field_chk(2,'필드명');</script>를 작성해주면 된다.

     아래는 주민등록번호를 받아야 할 때의 예이다.

     주민등록번호는 숫자, - 문자만을 허용한다.

 

      <script>

      field_chk(3,'주민등록번호');

      </script>

      주민등록번호: <INPUT size=14 name="주민등록번호" maxlength="14">

 

출력폼

결과물

주민등록번호:

 주민등록번호: 123456-1234567

 

 배열을 이용한 가로 작성예

      아래는 배열을 이용하여 가로로 작성하는 또다른 방법의 예이다.

      <INPUT size=12 type="text" name="숙박일자[]" value=''>&nbsp;일부터

      <INPUT type="hidden" name="숙박일자[]" value='일 부터'>

      <SELECT name="숙박일자[]">

      <OPTION value=''>--</OPTION>

      <OPTION value=1>1</OPTION>

      <OPTION value=2>2</OPTION>

      <OPTION value=3>3</OPTION>

      <OPTION value=4>4</OPTION>

      <OPTION value=5>5</OPTION>

      <OPTION value=6>6</OPTION>

      <OPTION value=7>7</OPTION>

      <OPTION value=8>8</OPTION>

      <OPTION value=9>9</OPTION>

      <OPTION value=10>10</OPTION>

      </SELECT> 박

      <INPUT type="hidden" name="숙박일자[]" value='박'>

 

출력폼

결과물

숙박일자:  일부터

 숙박일자: 5월 6일부터 1박

 

 보내는사람과 이메일 받기

      보내는 사람과 이메일을 작성하지 않으면 기본적으로 받는사람과 이메일을 입력받게 되어 있다.

      보내는 사람과 이메일을 입력바도록 하려면 아래 필드를 넣어주어야 가능하다.

      <input type="text" name="name"> <= 보내는 사람

      <input type="text" name="email"> <= 보내는 이메일

      그리고 필수항목으로 지정해주어야 할것이다.

 

 이메일에 파일첨부하기

      이메일에 파일을 첨부하는 방법은 그리 어렵지 않다.

      <input type="file" name="upfile[]"> 이란 필드를 넣어주기만 하면 된다.

      3개정도 넣고자 한다면 위 폼을 3개넣어주면 되는데 아래는 그 예이다.

 

출력폼

결과물

파일#1:
파일#2:
파일#3:

 파일#1: 파일이름#1

 파일#2: 파일이름#2

 파일#3: 파일이름#3