..

Search

formenctype

formenctype

<button> 태그의 formenctype 속성


HTML <button> 태그 ⇒


정의 및 특징

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

 

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


문법

<button type="submit" formenctype="속성값">

속성값

속성값   설명

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>

지원하는 브라우저 및 버전

속성명

chrome

edge

ie

firefox

safari

opera

formenctype 9.0 지원함 10.0 4.0 5.1 10.6

HTML5에서 변경된 사항

formenctype 속성은 HTML5에서 <button> 태그에 새롭게 추가된 속성입니다.


연습문제