人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

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

●質問者: makocan
●カテゴリ:インターネット ウェブ制作
✍キーワード:HTML タグ ダイアログ ファイル ボタン
○ 状態 :終了
└ 回答数 : 3/3件

▽最新の回答へ

1 ● kn1967
●27ポイント

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


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

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

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

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

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


2 ● mattn
●27ポイント

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にするとダイアログすら表示されないという現象になる為です。


3 ● emu2929
●26ポイント

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...

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ