코딩의 시작, TCP School

◀ 이전 다음 ▶

<button> 태그의 formenctype 속성

HTML <button> 태그 ⇒

정의 및 특징

<button> 태그의 formenctype 속성은 폼 데이터(form data)가 서버로 제출될 때 해당 데이터가 인코딩(encoding)되는 방식을 명시합니다.

이 속성은 <button> 요소의 type 속성값이 “submit”인 경우에만 사용할 수 있으며, <form> 요소의 enctype 속성값을 재정의(overriding)합니다.

문법

속성값

속성값		설명
application/x-www-form-urlencoded		기본값으로, 모든 문자들은 서버로 보내기 전에 인코딩됨을 명시함.
multipart/form-data		모든 문자를 인코딩하지 않음을 명시함. 이 방식은 <form> 요소가 파일이나 이미지를 서버로 전송할 때 주로 사용함.
text/plain		공백 문자(space)는 "+" 기호로 변환하지만, 나머지 문자는 모두 인코딩되지 않음을 명시함.

설명

application/x-www-form-urlencoded

기본값으로, 모든 문자들은 서버로 보내기 전에 인코딩됨을 명시함.

multipart/form-data

모든 문자를 인코딩하지 않음을 명시함.

이 방식은 <form> 요소가 파일이나 이미지를 서버로 전송할 때 주로 사용함.

text/plain

공백 문자(space)는 "+" 기호로 변환하지만, 나머지 문자는 모두 인코딩되지 않음을 명시함.

예제

<form action="/home/uploadfiles" method="post">
    파일명 : <input type="file" name="myfile">
    <button type="submit" formenctype="multipart/form-data">제출하기</button>
</form>