[HTML] form 사용법

html form 썸네일

HTML form

 

form태그를 이용하면 문서를 서버로 전송합니다.

 

form 안에 있는 데이터를 다른 문서로 보낼 때 사용합니다.

 

게시글을 작성하거나, 회원가입, 설문조사 등을 사용할 때 주로 이용되지요

 

form의 속성

action: form에서 데이터를 보낼 문서를 지정한다.

(전송 시 action에 적힌 문서가 열림)

 

name: 폼을 식별하기 위해서 이름을 지정합니다.

 

target: action에서 설정한 문서를 파일이 아닌 다른 곳에 action으로 설정한 것을 열도록 합니다.

(iframe을 주로 target으로 사용합니다.)

 

target에 관한 정보는 아래의 글에서 참고하면 좋다.

 

https://jh91.tistory.com/10

[HTML] iframe 사용법 / 문서에 youtube영상 넣기

 

method : 데이터 전송 방식을 설정한다. get방식 post방식 두가지 방법이 있다.

 

get방식 - 주소 뒤에 전송된 데이터 값이 보인다. , 속도가 빠름, 보안 없음

 

post방식 - 주소 뒤에 전송된 데이터 값이 보이지 않는다. ,get보다는 느림, 보안 가능

 

 

enctype :  데이터가 인코딩되는 방식이라고 한다.

주로 파일을 서버로 전송할 때 사용하고, method가 post방식일 때만 사용가능하다

(input type='file'을 사용한다면 무조건 설정해줘야 된다)

 

 

form의 사용

<form action="loginCheck.php" target="hiddenIframe" method="post" enctype="multipart/form-data">
<input type="file" name="send">
<input type="text" name="text">
<button>전송</button>
</form>

<iframe src="" name="hiddenIframe" width="400px" height="300px"></iframe>

 

action :  전송 버튼을 눌렀을 때 실행할 파일

target : 열릴 위치 (새창 안열고 수행)

method : 전송 방식

enctype : 파일 전송 설정

 

input file : 파일 보내기 기능

input text : 텍스트 전송 가능

button : 전송 버튼

 

input file 설정 시

브라우저 별 file 모양

 

 

폼에 대한 기초에 대해서 간단히 게시해 봤다.

 

form 작업을 하게 된다면 

 

최소한의 작업은 해주면 도움이 된다.

 

(어짜피 백엔드 개발자가 알아서 다 할것이다.)