HTML input file 기본 형태와 제출 버튼

HTML input file 요소는 파일 업로드를 할 수 있는 기능입니다. submit과 같은 제출 버튼을 통해서 작성한 파일을 업로드 하는데 같이 사용됩니다.

HTML input file

<input type = "file"> 속성값은 각종 파일을 업로드할 수 있는 버튼을 생성합니다. 자동으로 파일 선택이라는 메시지와 버튼 등이 생성됩니다. 아무 파일을 업로드해보면 선택된 파일 없음 이라는 메시지가 파일 명으로 바뀌는 것을 알 수 있습니다.

<form>
  <input type="file">
</form>

file 속성값은 submitbutton, reset 속성값과 달리 value 속성을 통해서 버튼의 텍스트를 변경하는 것이 불가능합니다.

제출 버튼

file 속성값은 파일을 업로드한 기능이므로 실제로 제출을 하려면 제출 버튼을 만들어야 합니다.

물론 실제 제출을 하려면 <form action=" "> 태그의 action 값에 적절한 php 페이지 등을 부여해야 합니다. <form> 태그의 action 속성은 입력한 데이터의 전달 위치를 조정하는 기능입니다.

<form action="OOO.php">
  <input type="file">
  <input type="submit">
</form>