• ベストアンサー

inputタグのfileで参照ボタンのみ可にする方法

HTML作っていて、下の問題で行き詰まってしまいました。 <input type="file">のタグで、 ファイル名入力不可にして、参照ボタンだけ押下可に したいと思っています。 タグにreadonlyを加えると、Windows2000のIEでは うまくいくのですが、WindowsXPのIEでは ファイル名だけでなく、参照ボタンまで入力不可になってしまいます。 良い方法ありましたら教えてください。 よろしくお願いします。

  • HTML
  • 回答数2
  • ありがとう数2

質問者が選んだベストアンサー

  • ベストアンサー
  • taka_tetsu
  • ベストアンサー率65% (1020/1553)
回答No.2
参考URL:
http://www.microsoft.com/japan/msdn/columns/webteam/webteam07022001.asp#webteam07022001_topic1
kumattana
質問者

お礼

ありがとうございます。 上記URL拝見し、HTMLコピーして動かしたら うまくいきそうだということが分かりました。 これにJavaScriptで足りない処理を追加すればよいのですね。

その他の回答 (1)

回答No.1

onKeyDownを拾ったときに、文字が入力されないような 処理を走らせてはいかがでしょうか?

kumattana
質問者

お礼

ありがとうございます。 試してみたいと思います。

関連するQ&A

  • [IE5.5]INPUT TYPE=FILEのREADONLYについて

    先週まで、IE5.0でHTMLを書いておりました。 今週なんとなくIE5.5 SP2にバージョンアップしました。 そしたら、以下の部分が動作しなくなってしまいました。 ----------------------------------- <INPUT TYPE="FILE" READONLY="true"> ----------------------------------- 前任者が作成したソースですので、記述に誤りがあるかもしれませんが、 IE4.0、IE5.0では何も問題なく動作しております。 しかしIE5.5だと、ファイル参照のボタンは表示されているのですが、 クリックしても何の反応もありません。 ちなみにREADONLY属性を取り除くと、ファイル選択ダイアログが表示されました。 しかし、ファイルを選択した後サーバへアップロードしており、 アップロードされたファイル名をデータベースに書き込む処理がありますので、 万が一、アップロード後にファイル名が書き換えられてしまうと、 サーバとデータベースとの整合が取れなくなってしまう為、 どうしても編集不可にしたいのです。 どなたかご存知の方が見えましたらご教授願います。 IE5.5では、<INPUT TYPE="FILE">にREADONLY属性は使えないのでしょうか? また、別の方法での対処方法などはないでしょうか?

  • <input type="file">でテキストボックスを触れなくする方法

    いつもお世話になっております。 表題の件で質問なのですが、HTMLのタグ <input type="file" ....>ではテキストボックスの値を readonlyに設定し、「参照...」ボタンからファイルを 選択するようにする方法はあるのでしょうか。 ご存知の方がいらっしゃいましたらご教授願えれば 幸いに存じます。 よろしくお願いいたします。

    • ベストアンサー
    • HTML
  • [html]<input type="file">タグの参照ボタンを画像ボタンにした時のsubmitの方法

    なにから書けばいいのか難しいのですが… とりあえず、先日次のような質問をしました。 【[html] <input type="file">タグの参照ボタンを画像ボタンにしたい。】 http://oshiete1.goo.ne.jp/kotaeru.php3?q=1244273 その中のやり取りにあるように、参照ボタンを画像にすることはできたのですが、実際に参照ボタンを画像にしてからsubmitすることができなくなってしまいました… いろいろ調べてみましたら、どうやら<input type="file">をjavascript等でclickして値を入れると、セキュリティ上submitできないみたいなのです。実際そのフォームがsubmitに対して無反応になります。javascriptで強引にsubmitしようとすると"アクセスが拒否されました"のエラーがでます。 なんかごちゃごちゃになってきた… 今自分が実現したいのは、以下の2つです。 1.<input type="file">の参照ボタンを画像にしたい。 2.1を実現後そのformをsubmitしたい。 どなたか実現している方がいましたら、ご教授ください。 IE6で動けば問題ないです。 すみませんコードは文字制限に引っかかって載せれなかったです…

    • ベストアンサー
    • HTML
  • 【htmlタグ】inputタグの書き方について

    現状は <input type="text">のテキスト入力エリアが存在します。 それを<form>タグで囲い、 <input type="button">のボタン押下にてform内容を送信していますが、 ボタンではなく、<a>タグのように、ハイパーリンクのような見た目にしてform内容を送信したいです。 どのように修正すればよろしいのでしょうか。宜しくお願いします。

    • ベストアンサー
    • HTML
  • <input> タグについて

    HTML内で、複数の<input>タグを持つフォームを使ってデータを入力し、それをPHPプログラムに送るものを作っています。 ある<input>タグの入力が終わった後にリターンキーを押すと、まだ他にも入力したいのがあるのに、すぐにPHPプログラムに飛んで行ってしまいますが、これを、submit ボタンを押したときにだけ飛んでいくようにすることは可能でしょうか? もし可能なら、どのようにするのでしょうか? 詳しい方どうぞ教えてください。お願いいたします。

    • ベストアンサー
    • PHP
  • input type="file" 参照内容のクリア

    「input type="file"」にて、参照ボタン押下後に設定される、 ボタン左のテキストボックスの内容をクリアする方法を探しています。 「input type="file"」項目の直接入力を許可していれば可能かと思いますが、 「OnKeyDown = "return false;"」を設定し、直接入力を禁止しております。 可能であれば、このまま項目の直接入力は禁止としておきたいと思います。 以上の内容で、どなたか解決の方法をご存知ないでしょうか? 何卒宜しくお願い致します。 仕様ブラウザ IE6・7

    • ベストアンサー
    • HTML
  • [html] <input type="file">タグの参照ボタンを画像ボタンにしたい。

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

    • ベストアンサー
    • HTML
  • <INPUT TYPE="file">の参照ボタンをJavascriptで操作するとエラーが・・・

    aspとBaspを使用してファイルアップロードを行う処理を作っています。 その中で、<INPUT TYPE="file">の参照ボタンをJavascriptで押下するような動きを作成したのですが、Submitを行うと「アクセス権がありません」というJavascriptのエラーが発生してしまいます。 通常の参照ボタンを利用する分には問題なくファイルをアップロードできています。 どなたか詳しい方、どう処理すればいいのか教えてください。

  • type="file"の<INPUT>タグに任意のファイルを指定したい

    HTMLの <INPUT>タグの "type"プロパティを、"file"とし、 この項目のデフォルトの値、もしくは JavaScriptからファイルを直接指定するということは 可能でしょうか。 ご回答をよろしくお願いいたします。

    • ベストアンサー
    • HTML
  • HTMLでファイル参照のボタン

    HTML&JavaScriptで、WEBページを作成しています。 ファイルのアップロードを行うのに”参照”ボタンをつけているのですが、IEではボタン内に正しく”参照”と表示されるのですが、ネットスケープでは文字がはみ出てしまいます。 何かよい方法があれば教えてください。 ちなみにIEは5.1、NCは4.7です。

専門家に質問してみよう