..

Search

multiple

multiple

<input> 태그의 multiple 속성


HTML <input> 태그 ⇒


정의 및 특징

<input> 태그의 multiple 속성은 <input> 요소에 사용자가 둘 이상의 값을 입력할 수 있음을 명시합니다.

 

multiple 속성이 제대로 동작하는 <input> 요소의 type 속성값은 다음과 같습니다.

- email, file

 

<input> 요소의 type 속성값이 “email”인 경우에는 이메일 사이에 콤마(,)를 추가하여 여러 이메일 주소를 동시에 입력할 수 있으며, type 속성값이 “file”인 경우에는 CTRL이나 SHIFT키를 사용하여 여러 파일을 동시에 선택할 수 있습니다.

 

multiple 속성은 불리언(boolean) 속성입니다.

불리언 속성은 해당 속성을 명시하지 않으면 속성값이 자동으로 false 값을 가지게 되며, 명시하면 자동으로 true 값을 가지게 됩니다.


문법

<input type="email|file" multiple>


예제
<form action="/examples/media/action_target3.php" method="post" enctype="multipart/form-data">
    업로드할 파일 : <input type="file" name="upload[]" multiple><br>
    <input type="submit">
</form>

코딩연습 ▶


지원하는 브라우저 및 버전

속성명

chrome

edge

ie

firefox

safari

opera

multiple 6.0 지원함 10.0 3.6 5.0 11.0

HTML5에서 변경된 사항

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


HTML과 XHTML에서의 차이점

XHTML에서는 속성값을 생략할 수 없으므로, 다음과 같이 속성명과 속성값을 모두 명시해야만 합니다.

<input multiple="multiple" />

연습문제