サイト内検索
...HTML・XHTMLタグ...
フォーム
ファイルの送信欄
- ファイルの送信欄は、input要素にtype="file"を指定します。
- ファイルをアップロードするための入力欄を作成できます。
- [使い方]
- <input type="file" name="name">
- type="file" を指定すると、自動的に「参照...」ボタンが表示されます。
| 属性 | 属性値 | 説明 |
|---|---|---|
| type= | "file" | ファイルの送信欄を作成します。 |
| name= | "" | 「"sample"」のように部品名を指定します。
半角英数字を指定します。 ・・・・・・ フォーム部品を判別するための名前です。 項目ごとに違う名前を指定します。 |
| size= | "" | 「"20"」入力する入力欄の幅を数値で指定します。
・・・・・・ 同じような長さで表示したい場合は、 スタイルシートで指定します。 |
サンプル
[ｂｏｄｙの中]
<form method="post" action="sample.cgi" enctype="multipart/form-data"><div class="sample">
サイズの指定なし(標準)
<input type="file" name="sample1">
横幅を「60」に指定します。
<input type="file" name="sample2" size="60">
<input type="submit" value="送信する">
</div>
</form>
[ブラウザ上]
