files/ja/web/api/htmlinputelement/multiple/index.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38

---
title: HTMLInputElement.multiple
slug: Web/API/HTMLInputElement/multiple
translation_of: Web/API/HTMLInputElement/multiple
---
<div>{{ APIRef("HTML DOM") }}</div>

<p><strong><code>HTMLInputElement.multiple</code></strong>は<code>input</code>タグが複数の値を持つことができるかどうかを示すプロパティです。現在Firefoxでは、<strong>multiple</strong>属性は<code>&lt;input type="file"&gt;</code>でのみサポートされています。</p>

<h2 id="例">例</h2>

<pre class="brush:js">// fileInputは&lt;input type=file multiple&gt;であるようなHTML要素です
var fileInput = document.getElementById("myfileinput");

if (fileInput.multiple == true) {

    for (var i = 0, len = fileInput.files.length; i &lt; len; i++) {
        // fileInput.filesをループ
    }

// 一つのファイルのみが有効な場合
} else {
    var file = fileInput.files.item(0);
}
</pre>

<h2 id="関連情報">関連情報</h2>

<ul>
 <li><a href="/ja/DOM/FileList" title="en/DOM/FileList">FileList</a></li>
 <li><a class="link-https" href="https://bugzilla.mozilla.org/show_bug.cgi?id=523771">Bug 523771</a> - <span class="bz_default_hidden" id="summary_alias_container" style="display: inline;"> <span id="short_desc_nonedit_display">Support &lt;input type=file multiple&gt;</span> </span></li>
</ul>

<h2 id="仕様">仕様</h2>

<ul>
 <li><a class="external" href="http://www.whatwg.org/specs/web-apps/current-work/multipage/common-input-element-attributes.html#attr-input-multiple">The multiple attribute</a> (HTML 5 working draft)</li>
</ul>