HtMLで質問なのですが

<input>タグでtypeをfileにした場合
ファイルダイアログを表示させるボタンに表示される文字を「参照」から変更できませんでしょうか?

回答の条件
  • URL必須
  • 1人2回まで
  • 登録:2009/10/22 17:57:29
  • 終了:2009/10/29 18:00:03

回答(3件)

id:kn1967 No.1

kn1967回答回数2915ベストアンサー獲得回数3012009/10/22 18:20:22

ポイント27pt

HTMLやCSSでの対応は残念ながら出来ません。


どうしてもということであれば、

こちらの方のようにボタンを別途用意して

JAVAScriptでコントロールするというような事になりますので、

作成が手間になるだけでなく、環境依存性も高くなるため、

「なせばなるけど、そこまでするか?」ってところですね。

id:mattn No.2

mattn回答回数104ベストアンサー獲得回数232009/10/22 18:23:40

ポイント27pt

http://www.google.com/ URLダミー

type=fileの属性を修正してキャプションを変更する事は出来ません。

<input type="file" id="myfile" name="myfile" value="" style="width:0px;height:0px;margin:0px;padding:0px" onchange="myfiletext.value=myfile.value"/>
<input type="text" id="myfiletext" name="myfiletext" value="" onclick="myfile.click()" readonly="readonly" />
<input type="button" id="myfilebutton" name="myfilebutton" value="押せ" onclick="myfile.click()"/>

こんな感じのhackを使うしかありません。

なお、display:noneにしていないのはgoogle chromeだとdisplay:noneにするとダイアログすら表示されないという現象になる為です。

id:emu2929 No.3

emu2929回答回数19ベストアンサー獲得回数22009/10/22 18:45:08

ポイント26pt

JavaScript使うしかないかと思います。


INPUTエレメントを file、テキストボックス、ボタンに分け、

それぞれを関連付けて動作させるようにすれば

ご希望の実装は可能かとは思いますが、

JavaScriptをONにしないといけません。


<INPUT TYPE="file" ID="filUpload" STYLE="display:none" onChange="txtFilename.value = this.value;">

<INPUT TYPE="text" ID="txtFilename" STYLE="FONT-FAMILY:Tahoma;FONT-SIZE:9pt" SIZE="25">

<INPUT TYPE="button" ID="btnBrowse" STYLE="FONT-FAMILY:Tahoma;FONT-SIZE:9pt; </p> <p> BACKGROUND-COLOR:peachpuff" onClick="filUpload.click()" VALUE="Choose a File">


■MS参考サイト

http://msdn.microsoft.com/ja-jp/library/bb250498%28VS.85%29.aspx...

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません