HTMLタグ/CSS一覧と初心者向けホームページ作成解説集:HTMLタグボード

HTMLタグボードのトップへ戻る ゼロから始めるホームページ作成講座 訪問者優位のWEBデザインTips インターネットで小遣い稼ぎ 今すぐ使える!便利ツール(HTMLタグ辞典など)


フォームタグ

ファイルの参照ボタンを設置する

<input type="file" name="" size="">

ファイルの参照ボタンとは、ページを閲覧している人のパソコン内のファイルを呼び出すためのフォームです。通常は、ファイルをサーバーなどにアップロードする場合に用いられます。この参照ボタンを押すと、ファイルを開く画面が出て、ファイルを選択すると保存されているローカルファイルへのパスが入力内に表示されます。

設置するには、INPUTタグに「type="file"」という属性を追加します。
また、入力欄の長さを指定するには「size=""」という属性で指定します。値は半角数字を入力します。

フォーム内に複数の参照ボタンを設置する場合や、フォームの内容を処理する外部スクリプトによって名前付けが必要とされる場合には、「name=""」という属性を追加して名前を指定します。

ローカルファイルを外部へ送信するためには、通常このフォームの他に内容を処理する外部スクリプトが必要となります。詳しくはスクリプトの配布元へお問い合わせください。

タグをコピーする

記述例

<form>
<input type="file" name="ファイル呼び出し" size="30">
</form>

☆ワンポイントアドバイス

INPUTタグは単体では動作しません。必ずフォームタグの中に挿入してください。

→関連情報

参考

タグをコピーするには?

操作方法

→マウスでフォーム内に書かれたタグをクリックするとタグがハイライトするので、マウスの右クリックでコピーするか、キーボードの[Ctrl]+[C]を押すと、コンピュータのメモリに記憶されます。後は任意の場所に貼り付けてください。