スタイルシートの参考書
| ●タグ | <INPUT> | ||||||||||
| ●構文 |
<INPUT TYPE="image" SRC="xxx" ALT="yyy" NAME="zzz" ALIGN="vvv"> 終了タグは存在しません（エンプティ要素）
| ||||||||||
| ●説明 |
フォームの内容を指定したURLへ送信するためのボタンを作ります。
訪問者がこのボタンを押すと、そこに含まれるフォームの内容を指定したURLへ、指定した方法で送信します。
「submit」と異なり、ボタンに表示されるのはSRC属性で指定したイメージです。 そのイメージと同ライン上のテキストの並び方も指定可能ですが、推奨されていません。 HTML3.2準拠のブラウザやテキストブラウザなどでは、この手法は対応されておらず、限られた環境下にのみ対応可能で、推奨できませんが、殺風景なフォームを飾ることは可能です。 また、イメージ表示できない環境下のためにも、ALT属性は必ず指定するようにしましょう。 このボタンで送信したフォームデータには、NAME属性で指定したイメージボタン名の後に「.x .y」といった形でクリックされたイメージの左上からの位置をサーバーに送信します。 これは、サーバーサイドイメージマップ（クリッカブルマップ）にも応用が可能です。 上記の対応していないブラウザを考慮すると、残念ながら使用頻度は少ないか、或いは通常の送信ボタンも並列に用意しておくべきでしょう。 | ||||||||||
| ●HTML4.0 | INPUT要素 | ||||||||||
| ●サンプル | 実際に表示 |
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML4.0 Transitional//EN"> <HTML> <HEAD> <META Http-Equiv="Content-Type" Content="text/html;charset=Shift_JIS"> <TITLE>イメージ付きの送信ボタンを作る</TITLE> </HEAD> <BODY> <FORM METHOD="POST" ACTION="mailto:dummy@dummy.ne.jp" ENCTYPE="multipart/form-data"> E-mail：<INPUT TYPE="text" NAME="e-mail"> <INPUT TYPE="image" VALUE="image-button" SRC="button.gif" ALT="送信"> </FORM> </BODY> </HTML>