TOPページ >  フォームを作成する > 送信ボタンの代わりに画像を表示する

送信ボタンの代わりに画像を表示する

ホームページやブログなどのウェブサイトから、テキスト入力欄などのデータを CGI や JavaScript などのスクリプトに 送信するために 送信ボタンを使用しますが、このボタンは代わりに画像を使用することができます

<input type="image" src="画像URL">
  • 画像URL:ボタンの代わりに表示する画像ファイルのURLです。絶対パスまたは相対パスで指定できます。

サンプルです。

このソースは、次のようになっています。ボタンの代わりに画像を使用した場合は、その画像がクリックされるとフォーム内容とクリック位置(Ⅹ座標,Y座標)が送信されます。

<form action="./cgi-bin/formsample.cgi" target="_blank" method="post">
<input type="hidden" name="ボタン" value="ボタンの代わりに画像を表示">
<input type="image" src="sample/button.gif">
</form>

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

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