<input type=”image” src=”” width=”” height=”” align=””>
送信ボタンは文字を表示させるだけでなく、ボタン自体を画像にすることもできます。このタグに指定できる属性と詳細は以下をご覧ください。
- type=”image”
- INPUTタグのタイプが画像であることを示します。
- src=””
- 送信ボタンに表示する画像の保存場所（パス）を記述します。（参照：イメージタグ – 画像の設置場所（保存場所）を指定する）
- width=””
- 画像の横幅をピクセルで指定します。忘れずに指定しましょう。（参照：イメージタグ – 画像の横幅の長さ（サイズ）を指定する）
- height=””
- 同じく、画像の縦幅をピクセルで指定します。（参照：イメージタグ – 画像の縦幅の長さ（サイズ）を指定する）
- align=””
- 画像に対する文字の回り込みを指定します。（参照：イメージタグ – 画像の回り込みの文章の位置、または画像の表示位置を指定する）
- alt=””
- 画像の説明文を記述します。IEで対応しています。（参照：イメージタグ – 画像に説明文（代替えテキスト）をつける）
- border=””
- 画像の枠を表示します。ピクセルで指定します。IEは対応しておらず、枠は表示されません。（参照：イメージタグ – 画像の枠を表示する、または枠を消す）
記述例
<form action=”#”>
<input type=”image” src=”../../../img/search.gif” width=”44″ height=”18″ alt=”検索ボタン” align=”right”>文字はここに表示
</form>
<input type=”image” src=”../../../img/search.gif” width=”44″ height=”18″ alt=”検索ボタン” align=”right”>文字はここに表示
</form>
INPUTタグは単体では動作しません。必ずフォームタグの中に挿入してください。
