イメージ付き送信ボタン

HTMLを使用した記述方法

記述方法

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title></title>
</head>
<body>
<form action="./dmy.cgi" method="POST">
<input type="image" name="test" src="../img/smp.gif" alt="送信ボタン">
<input type="submit" name="sub" value="送信">
</form>
</body>
</html>

表示サンプル

解説

<form>」と「</form>」の間に配置し画像付きの送信ボタンを表示します。送信されてくる値は「test.x=75&test.y=26」のように、画像のどこをクリックされたかの座標が送信されます。各設定項目は次のようになっています。

  • name 属性」で部品の名前を指定します。データが送信されるときに、この名前とデータが組になって送信されます。
  • src 属性」で画像の相対/絶対パスを指定します。
  • alt 属性」で表示される画像の代替文書を設定します(必須項目)。

フォームについての詳細は「フォームってなに?」を参照下さい。