プロが教えるわが家の防犯対策術！

[html] <input type="file">タグの参照ボタンを画像ボタンにしたい。

解決済

  • 質問者：aw11
  • 質問日時：
  • 回答数：2件

タイトルのとおりなんですが、<input type="file">をhtmlで記述するとテキストボックスと共に参照ボタンが表示されますよね？
あの参照ボタンを画像ボタンにしたいのですが、どうしたらできるのでしょうか？それともそもそも出来ないのでしょうか？

教えてください。お願いします。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

A 回答 (2件)

No.2ベストアンサー

  • 回答者： kappa_neko
  • 回答日時：

見た目は、これでごまかせます。


機能的にも問題ないです。

> background-image :url(./image.gif);
の「./image.gif」の部分に、自分が表示したい画像のpathを指定



<html>

<head>

<style>
.fake_button
{
width : 10px;
height : 23px;
background-image :url(./image.gif);
background-repeat : no-repeat;
cursor : hand;
}
</style>

<script>
function view_path(_value){
document.all.txtfilename.value=_value;
}
</script>

</head>

<body>
<input type="file" name="uploadFile" style="display:none" onchange="view_path(this.value);">
<input type="text" name="txtfilename" size="25" disabled>
<span onclick="filupload.click();" class="fake_button">
</body>


</html>

参考URL：http://chaichan.hp.infoseek.co.jp/qa3000/qa3341. …
    • good
    • 0
    • 件
通報する
この回答へのお礼

kappa_nekoさん、ありがとうございます。
一応Kappa_nekoさんの方法を参考にやることができました。

ただ、ちがった問題がどうやら発生したようです。
新しい質問として投稿させていただきます

通報する
お礼日時：2005/03/02 11:37

No.1

  • 回答者： steel_gray
  • 回答日時：

HTMLだけでは無理です。


CSSやjavascriptを活用して、画像のクリックを参照ボタンに結びつけるような事は不完全ながら可能です。→参考URL

参考URL：http://www.microsoft.com/japan/msdn/library/ja/j …
    • good
    • 0
    • 件
通報する
この回答へのお礼

steel_grayさん、ありがとうございます。
大変参考になりました。

通報する
お礼日時：2005/03/02 11:34

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう！

Q質問する（無料）

関連するカテゴリからQ&Aを探す

ページトップページトップ

Q質問する（無料）

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング

おすすめ情報