TOPページ >  フォームを作成する > ファイル選択ボタンを作成する

ファイル選択ボタンを作成する

ホームページやブログなどのウェブサイトで ファイルをアップロードしたり、送信したりする場合に便利な ファイル選択ボタンを作ることができます。ボタンを押すと、ファイルの選択ウィンドウが開き、ローカルなどに保存してあるファイルを選択できます

<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>

value="初期表示文字" は、表示されないブラウザもあります。また、file upload 未対応ブラウザでは、value の値がそのまま表示されます。

ランキングに参加中です! お役に立てたらクリックをお願いします→

同一カテゴリ内一覧
JavaScriptを使ってクッキングタイマーを作る
隠し項目を作成する
送信ボタンの代わりに画像を表示する
ファイル選択ボタンを作成する
パスワード入力欄を作成する
cgi スクリプトでフォームデータを制御する
JavaScriptでフォームデータを制御する
フォームを作成する
複数行入力可能なテキスト入力欄を作成する
ボタンを作成する
送信ボタンを作成する
リセットボタンを作成する
選択メニューを作成する
ラジオボタンを作成する
チェックボックスを作成する
テキスト入力欄を作成する
IEの方はこちらから当サイト ブックマークできます。
ランキング参加中!お役に立てたら クリックをお願いします。
当サイト掲載カテゴリは
Yahoo! JAPAN コンピュータとインターネット > データ形式 > HTML > リファレンス