input type image

Question

IE8を使用してメモ帳からhtml5を書いています。
<input type="image" name="fff" src="imagesがあるフォルダ/images/xxx.jpg" alt="ooo" >
画像が表示されません。解決方法を教えてください。

Answer 1

おそらく、src属性で指定する相対パスの指定が間違っています。

試しに、<img src="(inputのsrcと同じ内容)" alt="">として、画像が表示されるかどうか確認してください。画像は表示されないはずです。images/xxx.jpgにするとかいろいろ試してみて、画像が表示されるのを確認したら、同じものをinputのsrc属性にも指定してください。確認後はimg要素は消してしまって構いません。

Comments

[jmsbndwo7]

<img src="(inputのsrcと同じ内容)" alt="">で画像は表示されました。
しかし、input type="image" src=では表示されませんでした。
いろいろ試してみます。

[jmsbndwo7]

画像ボタンが表示されました。階層指定ではimageフォルダの入っているフォルダを指定せず、imageフォルダからの指定でボタン画面が表示されました。理由が分かれば教えてください。よろしくお願いいたします。

[Daregada]

img要素もinput要素も、「現在のHTMLファイルが置かれたフォルダー」から見た相対パスで、画像を指定します。HTMLファイルが置かれたフォルダーに「images」(末尾に「s」が付くのか付かないのかこちらでは分かりませんが)フォルダーがあり、その中に目的の画像があるなら、「images/xxx.jpg」とか「./images/xxx.jpg」と指定すれば画像を表示できるのです。

[jmsbndwo7]

現在のHTMLファイルが置かれたフォルダー」から見た相対パスとして考えていきます。
ありがとうございました。