폼( <FORM> , </FORM>
Posted 2015. 4. 12. 13:54폼 컨트롤은 폼태그 안에서만 적용 된다.
<FORM NAME="폼이름" ACTION="데이터를 보낼 주소" METHOD="전송방식">
여기에 HTML 및 기타 폼 요소들 !!
</FORM> 이렇게 사용 한다.
폼 속성은 name, action, method 외에도 enctype( 폼 데이터 인코딩타입 ), target( 폼 데이터 처리후 보여줄 프레임이나 창의 이름 )
method 방식에는 Get과 Post 방식이 있다.
Get은 URL로 전송 하는 방식이고 Post는 HTTP 바디(body)에 데이터를 실어서 보내는 방식이다.
만약 메소드방식이 Get이라면 인코딩은 효력이 없다. Post방식일때만 적용이 된다.
폼 이벤트 핸들러는 onsubmit( submit을 실행 하였을 때 이벤트 처리 ), onreset( reset을 실행 하였을 때 이벤트 처리 )
이벤트 핸들러는 특정 이벤트가 발생하면 이를 감지하고 처리하는 방식으로 기존의 이벤트방식과 동일하다. 근데 이 이벤트 핸들러들의 명령어는 모두 자바스크립트로 처리 된다.
Onsubmit의 경우 submit(쿼리전송) 버튼을 클릭하거나 자바스크립르를 이용하여 submit을 실행한 경우에 발생한다. 사용자가 쿼리전송 버튼을 클릭하는 경우 submit이벤트가 발생하여 먼저 OnSubmit핸들러에 지정된 명령어나 함수가 처리 된다.그 다음에 action에 지정된 주소로 폼 데이터를 전송 한다.
이 이벤트 핸들러는 사용자가 폼에 작성한 정보가 올바른지를 검사할때이다. 이 폼의 값이 유효한지, 예를 들어 웹싸이트에 회원가입 할 때 아이디의 글자수, 주민등록번호가 가 유효한지를 검사 하는 것.
Onreset의 경우 리셋버튼을 클릭하거나 자바스크립트를 이용하여 reset을 실행 한 경우 발생한다.
사용자의 입력에 의해서 설정된 값들을 초기화하기 위해 사용 한다.
아래 코드는 name과 userid를 입력받는 칸이 존재하고 제출(submit)하는 단순 기능의 코드이다.
<FORM METHOD="POST" ACTION="form.php">
<TABLE border=1>
<TR>
<TD>name</TD>
<TD><INPUT="TEXT" NAME="name"></TD>
</TR>
<TR>
<TD colspan=2><INPUT TYPE="SUBMIT"></TD>
</TR>
</TABLE>
</FORM>
하나의 폼을 사용 하면 별 문제는 없지만 두개의 폼을 사용 하면 폼과 폼 사이 공백으로 벌어지게 된다.
테이블과 테이블 사이 폼 태그를 테이블 안으로 넣거나 스타일 시트를 사용하면 폼과 폼 사이 공백이 사라지게 된다.
<HTML>
<TITLE> 단순 HTML 문서</TITLE>
<TABLE border=1>
<TR>
<TD>이름과 아이디를 입력하세요</TD>
</TR>
</TABLE>
<FORM METHOD="POST" ACTION="form.php" STYLE="display::inline">
<TABLE border=1>
<TR>
<TD>name</TD>
<TD><INPUT TYPE="TEXT" NAME="name"></TD>
</TR>
<TR>
<TD>userid</TD>
<TD><INPUT TYPE="TEXT" NAME="userid"></TD>
</TR>
<TR>
<TD colspan=2><INPUT TYPE="SUBMIT"></TD>
</TR>
</TABLE>
</FORM>
'PHP' 카테고리의 다른 글
| 폼( INPUT=기능 종류 ) (0) | 2015.04.12 |
|---|---|
| 1-5. php 주석 처리 (0) | 2015.04.05 |
| 1-4. php의 기본 작성 방식 (0) | 2015.04.05 |
| 1-3. 간단한 예제로 시작(HTML방식 및 태그의 의미) (0) | 2015.04.05 |
| 인터프리터 방식과 컴파일 방식 (0) | 2015.04.05 |
- Filed under : PHP
