- 締切済み
ファイルフィールドの「参照ボタン」の色指定は可能？
- みんなの回答 （2）
- 専門家の回答
みんなの回答
- hitomura
- ベストアンサー率48% (325/664)
ごめんなさい。 あなたが変えたかったのはfileフィールド付属の参照ボタンだったというのに、「ボタン」という部分しか目が行っていなかったため、的外れな答えになってしまいました。 私の回答(No.1)は無視してください。
- hitomura
- ベストアンサー率48% (325/664)
スタイルシートを使用すれば可能です。 以下の例では「test 1!!」と書かれた白いボタンと「test 2!!」と書かれた黒字に白文字のボタンが表示されます。 ただし、IE5.5SP2でしか表示を確認していません(自分の環境では左記しか確認できない)。 <HTML> <HEAD> </HEAD> <BODY> <FORM ACTION="result.html"> <INPUT TYPE=submit VALUE="test 1!!" STYLE="background-color:white"> <INPUT TYPE=submit VALUE="test 2!!" STYLE="color:white;background-color:black"> </FORM> </BODY> </HTML>
関連するQ&A
- PC内の画像(のみ)ファイルを参照するにはどうしたらよいでしょうか
<form> ... <input type="file" name="xxx"> ... </form> で入力用フィールドと参照ボタンが出てきて、参照ボタンを押すとPC内のファイルが参照できるようになると思います。 この時、デフォルトは「全て」だと思います。 ここで質問なのですが、デフォルトを「画像ファイル」にするにはどういう風に記述すればよいのか教えていただけないでしょうか。
- ベストアンサー
- HTML
- ファイルの指定方法について
<input type="file" /> のタグでファイルの参照をすることは出来ますが、 ファイルではなく、フォルダを指定する方法はありますか？ 可能かどうかと、出来ればソースを教えていただけたら幸いです。
- 締切済み
- HTML
- inputタグのfileで参照ボタンのみ可にする方法
HTML作っていて、下の問題で行き詰まってしまいました。 <input type="file">のタグで、 ファイル名入力不可にして、参照ボタンだけ押下可に したいと思っています。 タグにreadonlyを加えると、Windows2000のIEでは うまくいくのですが、WindowsXPのIEでは ファイル名だけでなく、参照ボタンまで入力不可になってしまいます。 良い方法ありましたら教えてください。 よろしくお願いします。
- ベストアンサー
- HTML
- ファイル名入力フィールドのボタンを黒字にしたい。
ファイル名入力ボタンの参照ボタンを太字(bold)にすることはできないのでしょうか？下ののようなサンプルHTMLで通常のボタンは太字(bold)になるのにファイル名入力ボタンの参照ボタンが黒字になりません。よろしくご教授下さい。 --サンプルHTML <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html ; charset=Shift_JIS"> <title>ボタンを太字にしたい</title> <style type="text/css"> input.button { font-weight:bold; } </style> </head> <body> <input type="submit" name="Submit" value="送信" class="button"> <input type="file" name="textfield" class="button"> </body> </html>
- 締切済み
- HTML
- [html] <input type="file">タグの参照ボタンを画像ボタンにしたい。
タイトルのとおりなんですが、<input type="file">をhtmlで記述するとテキストボックスと共に参照ボタンが表示されますよね？ あの参照ボタンを画像ボタンにしたいのですが、どうしたらできるのでしょうか？それともそもそも出来ないのでしょうか？ 教えてください。お願いします。
- ベストアンサー
- HTML
- ファイル名入力フィールドのデフォルト値
ファイルをアップロードして分析するCGIを作成しているのですが、ファイル名入力フィールド（input type="file"）に、デフォルトのファイル名を表示させるにはどうしたら良いでしょうか？
- ベストアンサー
- CGI
- 参照ボタンの横に大きさを揃えて送信ボタンを置きたい
質問させてください。 下記のように、参照フォームと送信ボタンを横並びで設置したいのですが、 ブラウザ毎で参照ボタンと送信ボタンのサイズがずれてしまいます。 IE7・IE8・Firefox3.6でボタンの大きさ（高さや文字位置）をCSSで合わせるにはどうしたらいいでしょうか・・・。 完全に合わせるのは不可能なんでしょうか？ <input type=file name=""><input type=submit value="送信する"> 何かいい方法がございましたら、教えていただけますでしょうか。
- 締切済み
- HTML
- javascriptでファイルを指定してアップロードができません
ファイルのアップロード機能を実装したいのですが <input type="file" />タグは画面に表示したくありません。 そのため「アップロードファイルを指定」ボタンを押すとダイアログが開き ユーザがファイルを指定するよう実装してあります。 以下のコードを書いたのですが「指定しない」ボタンでは正常に動作しましたが 「アップロードファイルを指定」ボタンでは、アクションも呼ばれませんでした。 これは何が問題なのでしょうか？ 教えていただけると助かります。 もしかして、javascriptから<input type="file" />を触る場合の セキュリティ制限でしょうか？ /**************** 環境 ****************/ jquery 1.3.2 php 5 ie7 /**************** html ****************/ $(document).ready(function(){ $('#btnyes').click(function() { var oldval = ''; $('#fileUpload').click(); // パスが指定されればpost if($('fileUpload').val() != oldval) { execSubmit(); } }); }); function execSubmit() { $('#formBeforeEdit').submit(); } /**************** javascript ****************/ <form name="formUpload" id="formUpload" action="/xxx/xxx" method="post" enctype="multipart/form-data"> <input type="button" name="yes" id="btnyes" value="アップロードファイルを指定" /> <input type="button" name="no" id="btnno" onclick="execSubmit();" value="指定しない" /> <input type="hidden" name="MAX_FILE_SIZE" value="10485760" /> <input type="file" name="fileUpload" id="fileUpload" style="display: none;"/> </form>
- ベストアンサー
- JavaScript
- [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
- 英語版IEでファイルの「参照」ボタンは何と表示？
お世話になります。 IE限定の話ですが、ファイルのアップロードなどで使用する<input type="file">でブラウザ画面に表示される「参照...」ボタンの表示で、英語圏の場合は何と表示されるのでしょうか。 ブラウザの言語設定をUSに変えてもOS自体が日本語なのでやはり「参照...」と表示され不明です。。。
- ベストアンサー
- Windows系OS
補足
ファイルフィールド(<input type="file">)のフィールド（参照ボタンではない方）の色指定は、できるのですが…。よろしく、お願いします。