본문 바로가기
Web Programming Language/HTML

HTML) form 태그/entype 속성

by manchesterandthecity 2020. 11. 1.

form 태그 / entype 속성

 

<소스코드 예>

<form id="fregisterform" name="fregisterform" method="post" enctype="multipart/form-data"> </form>

 

파일을 업로드 할때,

<form>태그에서 entype="multipart/form-data"라는 애트리뷰트를 반드시 써야한다.

 

 

그렇게 하지 않으면, 웹 서버로 데이터를 넘길때 파일의 경로명만 전송되고 파일 내용이 전송되지 않기 때문이다.

 

그리고 이때, method 애트리뷰트에는 'POST' 값을 지정해야 함

 

 

** <form>태그의 속성인 method, action, enctype 등은 입력받은 데이터를 어떻게 처리할 것인지 세부적으로 설정하는 데 사용한다.

 

  method는 전송 방식,

  action은 전송 목적지,

  enctype은 전송되는 데이터 형식을 설정.

 

 

** enctype

enctype 속성은 다음 세가지의 값으로 지정될 수 있다.

 

1. application/www-form-urlencoded

 

디폴트값이다. enctype을 따로 설정하지 않으면 이 값이 설정된다.

모든 문자열(폼데이터)은 서버로 전송되기 전에 인코딩된다.(공백은 "+"심볼로 변환되며, 특수문자는 ASCII 16진수로 변환된다.) 

 

2. multipart/form-data

 

파일이나 이미지를 서버로 전송할 경우 이 방식을 사용한다.

문자열이 인코딩되지 않는다. 이 속성은 보통 파일 업로드를 할 때 사용한다.

 

3. text/plain

 

이 형식은 인코딩을 하지 않은 문자 상태로 전송된다.

공백을 "+"심볼로 변환하며, 특수문자는 변환되지 않는다. 잘 사용되지 않는 속성이다.

 

 

 

출처 : 

xorms0707.tistory.com/29

m.blog.naver.com/PostView.nhn?blogId=kgw1988&logNo=220881043540&proxyReferer=https:%2F%2Fwww.google.com%2F

'Web Programming Language > HTML' 카테고리의 다른 글

<form> 태그  (0) 2020.10.26
div, id  (0) 2020.10.24
semantic 태그, non-semantic 태그, div, span  (0) 2020.10.24
<a> </a> 태그  (0) 2020.10.21
HTML) 목록(리스트)을 표현하는 태그 <ul>, <ol>, <li>, <dl>  (0) 2020.10.21

댓글