HTML에서는 multiple 속성을 사용하여 사용자가 하나의 입력 필드에 두 개 이상의 값을 입력할 수 있도록 지정할 수 있습니다.
이 속성은 주로 <input type="file"> 요소와 함께 사용되어 한 번에 여러 파일을 업로드할 수 있게 해주며, <input type="email">이나 <select> 요소에도 적용할 수 있습니다. multiple 속성은 불리언(Boolean) 속성이므로 별도의 값을 지정하지 않고 속성 이름만 작성하면 됩니다.
예제
아래 코드를 실행하면 multiple 속성을 직접 확인해볼 수 있습니다. 파일 선택 시 Ctrl(또는 Mac의 경우 Cmd) 키를 누른 채 클릭하면 여러 파일을 동시에 선택할 수 있습니다.
<!DOCTYPE html> <html> <head> <title>여러 파일 업로드하기</title> </head> <body> <form> <input type = "file" name = "name" multiple><br><br> 여러 파일을 업로드한 후 제출 버튼을 클릭하세요.<br> <input type = "submit" value = "제출"> </form> </body> </html>
참고 사항
multiple 속성을 사용한 파일 업로드 필드에서는 서버 측에서도 여러 파일을 처리할 수 있도록 설정해야 합니다. 예를 들어 PHP에서는 input 요소의 name을 배열 형태(name="files[]")로 지정하면 업로드된 여러 파일을 손쉽게 받아 처리할 수 있습니다.