코딩의 시작, TCP School

<input type=“file”>

HTML <input> 태그 ⇒

<input> 태그의 type 속성 ⇒

정의 및 특징

<input type=“file”>은 업로드할 파일을 선택할 수 있는 입력 필드와 “파일 선택” 버튼을 정의합니다.

이 입력 필드를 통해 사용자는 자신의 저장소(storage)에서 파일을 선택할 수 있으며, multiple 속성이 명시되어 있으면 여러 개의 파일을 동시에 선택할 수도 있습니다. 이렇게 선택된 파일은 폼 제출을 통해 서버로 보내거나 자바스크립트 코드와 파일 API 등을 사용하여 조작할 수 있게 됩니다.

문법

예제

<form action="/examples/media/action_target3.php" method="post" enctype="multipart/form-data">
    사진 : <input type="file" name="myfile"><br>
    <input type="submit">
</form>

코딩연습 ▶