• ベストアンサー

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

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

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

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

  • ベストアンサー
  • kata_kori
  • ベストアンサー率34% (8/23)
回答No.1

テキストボックス部分だけreadonlyには出来ないっぽいですね。 ↓readonlyのテキストボックスを別に用意して上に重ねてしまうってのは邪道でしょうか? <input type="text" name="dmy" style="position:absolute;background-color:yellow" readonly> <input type="file" onchange="document.forms[0].dmy.value=this.value;">

Ha88888
質問者

お礼

こんにちは! うーむ、なるほどー。 私も調べたのですが、やっぱり無理っぽいですよね・・・。 面白い発想をいただきましてありがとうございました!! 参考になりました。

関連するQ&A

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

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

    • ベストアンサー
    • HTML
  • <input type=

    <input type="button">はボタン、<input type="checkbox">はチェックボックスというように呼ばれていると思いますが、世間では<input type="file">タグのことをなんと呼んでいるのでしょうか?ドキュメントを書く際にいつも困惑しています。世間一般で通用する<input type="file">タグの名称がありましたら教えていただけますか?

    • ベストアンサー
    • CGI
  • inputタグのfileで参照ボタンのみ可にする方法

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

    • ベストアンサー
    • 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
  • type="file"の<INPUT>タグに任意のファイルを指定したい

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

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

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

    • ベストアンサー
    • HTML
  • input type="file"で複数選択を可能にする方法

    初めて利用させていただきます。初心者の為、できれば詳細なご回答いただけると嬉しいです。 早速ですが、<input type="file">の実行結果は、テキストエリアの横に【参照】ボタンがあるような状態になります。 このテキストエリアの部分に複数のファイルをどんどん選択して格納できる方法を探しております。 イメージとして、3行くらいがデフォルト表示のテキストエリアがあり、その横に【参照】と【削除】ボタンが上下に並び、 参照で選択したファイルがそのテキストエリアに格納されてゆき、3行を超えるとスクロールバーが表示される、 格納されたあるファイル名を反転させて【削除】選択で削除される、 というものを作りたいのです。 今回、クライアントの要望で添付ファイルは1000個まで選択可能という状態を実現しなくてはならず、<input type="file">を1000個並べる訳にもいかない為、とても困っております。 且つ、java script禁止令を出されています。 ファイル形式はjspですので、formのactionでサーバ側で処理を制御することは可能です。 念の為、私が探し出したソースで一番理想に近いものを併記致します。 <table>  <tr>   <td rowspan="2" nowrap><select name="File" size="3" multiple> <option value="">                         </select></td>   <td>   <iframe width="60" height="25" frameborder="no" scrolling="no" src="とあるexeファイルを指定"></iframe>   </td>   <td rowspan="2" valign="top" nowrap><font size="-1">「参照...」ボタンをクリックして<br>ファイルを指定してください。</font></td>  </tr>  <tr>   <td nowrap><input type="button" value=" 削除 " onClick="RemoveFile( this.form )"></td>  </tr> </table>

  • [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"というのがありローカルの画像を選択できるエクスプローラが起動するというボタンなのですが、それで選択した画像ファイルをサーバ処理を行うことなくブラウザに表示させたいのです、こんなことが可能なのでしょうか? なにかサンプル等ご存知の方宜しくお願いします。

    • ベストアンサー
    • HTML
  • テキストボックス(INPUT TYPE=TEXT)の属性について

    INPUTタグのTYPEをTEXTにする事によって、 テキストボックスが表示されます。 このテキストボックスに文字が入力されたら通常は左詰めに文字が 入力されますが、これを右詰めに文字を入力させたく思ってます。 このような事って可能なのでしょうか?

    • ベストアンサー
    • HTML

専門家に質問してみよう