143_PHP GET 방식으로 FORM 태그의 데이터 전송 [요약] FORM 태그에서 입력한 내용 중 GET 방식으로 서버에 보내는 방법에 대해 알아보자. URL에 직접 값을 입력하여 데이터를 받는 파일을 생성해봤다. 이번에는 FORM 태그를 생성하고 생성한 데이터를 파일로 전송하는 방법에 대해 알아보자. FORM 태그의 method 속성에는 GET을 입력하고, action 속성에는 [예제 145]의 파일명인 145_get.php를 입력한다. ./는 현재 위치를 의미하며 실행하는 파일과 같은 위치에 있는 145_get.php 파일을 의미한다. 데이터를 전송하므로 input 태그의 type 속성의 값을 submit로 한 버튼도 필요하다. [예제: 146_form_get.php ] 나이 : 취미 : 실행결과..

141_PHP HTML FORM 태그에서 사용하는 input 태그 - file [요약] input 태그를 사용하며 type 속성의 값으로 file을 사용하여 서버에 파일을 전송하는 폼에 대해 알아보자. 웹 서비스를 이용하다보면 자신이 찍은 사진이나 문서 파일을 업로드한 경험이 있을 것이다. 파일을 업로드하는 폼을 만들려면 input 태그의 type 속성의 값으로 file을 사용한다. [type 속성값에 file을 적용하는 방법] 파일 업로드 폼을 만들때는 form 태그에 enctype 속성을 적용하고 값으로 multipart/form-data 를 사용한다. 작성하지 않으면 업로드한 파일의 이름(경로 포함)만 업로드되고 실제 파일은 업로드가 되지 않는다. [form 태그 enctype 속성에 multipa..

140_PHP HTML FORM 태그에서 사용하는 select 태그 [요약] 클릭하면 아래로 쭉 펼쳐지는 셀렉트박스를 생성하는 select 태그에 대해 알아보자. 웹사이트에서 회원가입을 할 때 생년월일을 선택하면 아래로 쭉 목록이 펼쳐지는 박스를 본 적이 있을것이다. 이 기능은 select 태그를 사용하여 만든다. select 태그 안에서 여러 개의 값을 표시하려면 option 태그를 사용하면 된다. [select 태그 사용 방법] 1 2 3 select 태그를 생성하고 보여질 목록은 select 태그 내에 option 태그를 만들어 표시한다. option 태그 안에는 웹페이지에 표시될 값을 작성하고 value 속성에는 서버에 보낼 값을 작성한다. 다음은 select 태그를 사용하여 1월부터 12월까지 ..

139_PHP HTML FORM 태그에서 사용하는 textarea 태그 [요약] textarea 태그를 사용하여 장문의 글을 입력하는 입력폼을 생성하는 방법에 대해 알아보자. 웹사이트에서 장문의 글을 입력하려면 textarea 태그를 사용한다. 자기소개서 입력폼 등을 만들 때 사용되는 태그이다. [textarea 태그 사용 방법] 웹페이지에서 기본적으로 어떠한 문구를 입력폼 안에 표시한다면 textarea 태그 안에 입력한다. Hello World 다음은 textarea 태그를 사용한 예제이다. [예제: 142_textarea.php ] 실행결과 위 그림을 보면 textarea 영역이 굉장히 작은걸 볼 수 있다. textarea의 사이즈를 조정해 보도록 하자. 세로의 길이를 늘리려면 rows 속성을 사용..

138_PHP HTML FORM 태그에서 사용하는 input 태그 - url [요약] input 태그를 사용하며 type 속성의 값으로 url을 사용하여 사이트의 주소를 입력하는 폼을 생성하는 방법에 대해 알아보자. type 속성값이 url이면 url 입력폼이 된다. email과 마찬가지로 HTML5에서 새로 생긴 기느이며, 해당 폼에는 url주소의 규칙을 지킨 값만이 전송될 수 있다. 입력한 값이 url주소 유효성에 어긋나면 submit 버튼을 눌러도 값이 전송되지 않는다. 즉, 올바른 url값을 입력하지 않으면 전송 버튼을 눌러도 값을 검사하지 않는다. [type 속성값에 url을 적용하는 방법] 다음은 url 입력폼을 생성한 예제이다. [예제: 141_input_url.php ] 실행결과 초보자를 ..

137_PHP HTML FORM 태그에서 사용하는 input 태그 - email [요약] input태그를 사용하며, type 송성의 값으로 email을 사용하여 이메일을 입력하는 폼을 생성하는 방법에 대해 알아보자. type 속성값이 email이면 email 입력 폼이 된다. HTML5에서 새로 생긴 기능이며, 해당 폼에는 이메일 주소의 규칙인 @(at)과 도메인이 있어야 한다. 입력한 값이 이메일 주소 유효성에 어긋나면 submit 버튼을 눌러도 값이 전송되지 않는다. 즉, 제대로된 이메일 값을 입력하지 않으면 전송 버튼을 눌러도 값을 검사하지 않는다. [type 속성값에 email을 적요하는 방법] 다음은 email 입력폼을 생성한 예제이다. [예제: 140_input_email.php ] 실행결과 ..

136_PHP HTML FORM 태그에서 사용하는 input 태그 - submit [요약] form 태그에서 입력한 정보를 서버로 전송하는 버튼 submit에 대해 알아보자. type 속성값이 submit이면 FORM 태그의 action 속성에 명시된 파일로 입력한 데이터를 전송하는 버튼이 생성된다. [type 속성값에 submit을 적용하는 방법] value 속성에 입력한 값은 submit 버튼 안에 표시되는 문구이다. 다음은 form 태그에 입력한 내용을 전송하는 버튼을 생성하는 예제이다. [예제: 139_input_submit.php ] 실행결과 실제 데이터 전송시에는 name, method, action 속성에 적합한 값을 입력해야 한다. 현재는 그렇지 않으므로 전송 버튼을 입력해도 존재하지 않는..

135_PHP HTML FORM 태그에서 사용하는 input 태그 - radio [요약] input 태그를 사용하며, type 속성의 값으로 radio를 사용하여 여러가지 보기 중 하나의 값을 선택하는 폼을 만드는 방법에 대해 알아보자. 라디오 버튼은 체크박스와 마찬가지로 나열된 보기를 선택하는 기능을 갖고 있다. 단, 체크박스는 복수 선택이 가능하지만, 라디오 버튼은 하나의 보기만 선택할 수 있다. [type 속성값에 radio를 적용하는 방법] 같은 항목에서 사용한다면 name값이 일치해야만 1개의 라디오 버튼을 선택할 수 있다. 다수의 선택지에서 1개만 선택하려면 다음과 같이 name을 일치시켜 주어야만 한다. 이부분은 checkbox와 동일하다. [type 속성값이 radio일 때 checked를..

134_PHP HTML FORM 태그에서 사용하는 input 태그 - checkbox [요약] input 태그를 사용하며, type 속성의 값으로 checkbox를 사용하여 여러가지 보기중에 다수의 값을 선택하는 폼을 만드는 방법에 대해 알아보자. type 속성의 값이 checkbox이면 여러 보기를 만들고 선택할 수 있다. 체크박스는 나열되어 있는 몇개의 단어중에서 여러 값을 선택할 때 사용하는데, value라는 속성을 사용한다. value 속성에는 실제 서버에 전송할 값을 입력한다. type 속성값이 text 또는 password이면 입력한 것 자체가 값이기 때문에 value 속성이 필요없었다. checkbox는 여러 값을 받기 위해 사용되므로 어떠한 체크박스를 선택했을때 그것이 체크되면 어떠한 값을..

133_PHP HTML FORM 태그에서 사용하는 input 태그 - password [요약] FORM 태그 input 태그를 사용하며 type 속성의 값으로 password를 사용하여 비밀번호를 입력하는 텍스트 박스를 생상하는 방법에 대해 알아보자. type 속성의 값이 password 이면 비밀번호를 입력하는 입력 폼이 된다. 어떠한 문구를 입력하더라도 우리가 볼 수 없도록 특수 문자로 가려져 표시된다. [type 속성의 값으로 password를 적용하는 방법] 다음은 input 태그(type 속성의 값이 password)를 적용한 예제이다. [예제: 136_input-pw.php ] 실행결과 입력폼에 원하는 값을 입력하면 특수문자로 대신 표시됨을 알 수 있다. 초보자를 위한 PHP 200제 김태영 ..