Front-End/HTML

[HTML] file 태그(form 태그)

찐코딩 2021. 10. 26. 15:55
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>

		<h3>파일을 선택하세요</h3>
		
		<input type="file" multiple>

</body>
</html>

파일 선택 버튼을 클릭하면 아래와 같이 파일 열기창이 나타난다.

원하는 파일 선택 시 선택한 파일명이 나타난다.

multiple 이라는 속성을 주어, 여러개의 파일도 선택 가능하다.

5개 파일을 선택했을 때 아래와 같이 나타난다.