Forms

Upload Queue

semantic HTML

파일 선택 결과를 업로드 전 대기 목록으로 관리합니다. 저장과 검증은 애플리케이션이 담당합니다.

stablefreeSince 0.6

Live example

Files

No files selected

<section class="static-editor upload-editor" data-static-input="upload"><label for="upload-files">Files</label><input id="upload-files" type="file" accept=".png,.jpg,.pdf" multiple data-upload-input><ul class="upload-list" data-upload-list></ul><output class="editor-status" data-upload-status aria-live="polite">No files selected</output></section>

Variants and sizes

The pattern inherits theme and density tokens. Use compact, comfortable, or roomy density when the surrounding screen requires it.

compactcomfortableroomy

Public API

Contract	Value
Implementation	`semantic HTML`
Status	`stable`
License	`free`
Since	`0.6`
HTML contract	`Native HTML elements and attributes`
Events	`Native browser events`

Accessibility

native file input, named remove buttons and list semantics

Server template guidance

<!-- Render the semantic HTML on the server. Load enhancement JavaScript only when this interaction is needed. -->