<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タグは単体では動作しません。必ずフォームタグの中に挿入してください。