반응형
파일을 업로드하는 태그를 만들어 봅니다.
결과는 하기와 같습니다. 웹 브라우저에서 파일선택을 클릭하면 탐색기 창이 열리는 구조입니다.
서버 프로그램은 구현하지 않은 상태이기에 프로트 단 즉 화면만 구성해봅니다.
<body>
<form>
<fieldset>
<legend>파일 업로드</legend>
<input type="file" name="file"><br><br>
<input type="submit" value = "업로드">
<input type="reset" value="취소">
</fieldset>
</form>
</body>코드에서 주의 깊게 봐야 할 부분은 하기와 같습니다.
input type="file" 파일 업로드 기능을 추가합니다.
name 해당 폼을 식별할 수 있는 이름값 속성입니다.
그 외, submit와 reset 속성을 추가하여 전송, 취소 기능 버튼을 만들었습니다.
브라우저에서 파일 첨부 기능 예제를 만들어 보았습니다.
감사합니다.
반응형
'앱 만들기 > HTML5 study' 카테고리의 다른 글
| input type="hidden" 예제 만들기 (1) | 2023.04.24 |
|---|---|
| input type="week" 주 제한 하기 (4) | 2023.04.22 |
| input type="button" 만들기 (0) | 2023.04.18 |
| submit 이미지 버튼 만들기 (2) | 2023.04.17 |
| input type="month" 월 제한 하기 (1) | 2023.04.15 |
댓글