ファイル選択ボタンを作成する
ホームページやブログなどのウェブサイトで ファイルをアップロードしたり、送信したりする場合に便利な ファイル選択ボタンを作ることができます。ボタンを押すと、ファイルの選択ウィンドウが開き、ローカルなどに保存してあるファイルを選択できます。
<input type="file" name="識別名" value="初期表示文字">
- 識別名：テキスト入力欄に識別名を付けます。送信されるデータは、『識別名=選択したファイルのパス名』となります。
- 初期表示文字：ファイル選択ボタンの左側に表示されるファイル入力欄に、最初から表示しておく文字を指定します。必要がなければ省略してかまわないでしょう。
サンプルです。
テストのフォーム
このソースは、次のようになります。
テストのフォーム<br>
<form action="./cgi-bin/formsample.cgi" target="_blank" method="post">
<input type="file" name="sample"><br>
<input type="submit" value="送信">
<input type="reset" value="リセット">
</form>
<form action="./cgi-bin/formsample.cgi" target="_blank" method="post">
<input type="file" name="sample"><br>
<input type="submit" value="送信">
<input type="reset" value="リセット">
</form>
value="初期表示文字" は、表示されないブラウザもあります。また、file upload 未対応ブラウザでは、value の値がそのまま表示されます。
ランキングに参加中です! お役に立てたらクリックをお願いします→
コンピュータとインターネット > データ形式 > HTML > リファレンス