• ベストアンサー

<input type="file"> の幅

フォームの<input type="file"> の幅を変更したりできないのでしょうか？ CSSでclassを設定して、widthで幅指定などを行ってみたのですが、無反応でした。 可能なのか不可能なのか、他に何か方法があるのか、この辺りご存知の方書き込みをアドバイスなど書き込みいただきたく思います。 よろしくお願いします。

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

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

  • ベストアンサー
回答No.1

<input type="file" size="70"> というように、sizeで指定してあげれば出来ますよ。 これでよろしいですかね？

id_system
質問者

お礼

書き込みありがとうございます。 CSSではなく、htmlタグで解決できるのですね。 ありがとうございました。助かりました。

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. HTML

関連するQ&A

  • input type="file"の幅と高さ

    FireFox12で、ファイルを取り扱うフォーム部品のボックスの高さと幅が変更できません。 type属性がtextboxだとFireFoxでもCSSがちゃんと適用されます。 <input type="file" name="sample" class="test" /> .photo { width:580px; height:20px; } としていますが、IE8/9 Safari5.1.7/Chrom19では指定した幅と高さになるのですが FireFoxだけ変化しません。 どうしようもないのでしょうか？

    • ベストアンサー
    • CSS
  • <input type="file">アップロード

    下記教えて下さい <input type="file" name="datafile"> <input type="submit" value="送信する"> 上記を使ってファイルのアップロード機能を作りたいのですが、 (1)ファイル選択していない状態で「選択されていません」となるので 　文字を消したい（文字を非表示、または違う文言にしたい）場合、どこで設定するのでしょうか。 (2)送信するボタンを置かずに、選択時にそのまま送信処理につなげたいのですが 　どのようにすれば良いでしょうか。

    • ベストアンサー
    • HTML
  • <input type="file"　で初期値を設定したいのですが、

    <input type="file"....というボックスに初期の文字を設定したいのですが、 type="text"の時のようにValue="c:\a.txt"では設定できませんでした。 こういうことは不可能な仕様でしょうか？ 何か方法があったら教えて頂きたいです。 よろしくおねがいいたします。

    • ベストアンサー
    • Java
  • input type="file"のvalue監視

    input="file"のvalue値が変更されたら別のテキストフィールドに表示するというScriptを書いたのですが動作してくれません。 input="file"ではなく普通のテキストフィールドならば動作します。 fileフィールドでは動作しないのでしょうか。それとも書き方がまずいのでしょうか。 以下、ソースです。 <html> <head> <title>test</title> <script type="text/javascript" src="/javascript/prototype.js"></script> </head> <body> <form action="" enctype="multipart/form-data" method="post"> <input id="file_test" name="file_test" type="file"> <br> <div id="result">表示</div> <script type="text/javascript"><!-- window.onload = function() { new Form.Element.Observer('file_test', 1, function(element, value) { document.getElementById('result').innerHTML = value; }); } //--></script> </form> </body> </html> よろしくお願いします。

  • input type="file"　参照内容のクリア

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

    • ベストアンサー
    • HTML
  • input type="file"の入力チェック

    よろしくお願い致します。 入力チェックページ付きのメールフォームについて、添付ファイルを必須項目にしたいと考えております。 <input type="text" name="お名前" />の場合は、以下のようなコードで入力チェックしております。 if($DATA['お名前'] == ""){ $err.="【お名前】を入力して下さい。\n"; } <input type="file" name="添付ファイル" />の添付ファイルも同じコードで試してみたところ、 if($DATA['添付ファイル'] == ""){ $err.="【添付ファイル】を選択して下さい。\n"; } ファイルの添付の有無に関わらず、「添付ファイルを選択して下さい。」というエラーコードが常に表示されます。 「input type="file"」の場合の入力チェックはどのようなコードを書けば良いのでしょうか？

    • 締切済み
    • PHP
  • input type="file"のmaxlengthについて

    こんにちは <input type="file">について、以下の点お教えください。 ソースで<input type="file" name="test" maxlength="10"> とした場合に、コピー＆ペーストでは、例えば20byte文字列を貼り付けると10byteまでしかボックスには反映されないのですが、 その後直接手入力ができます。 また、ボタンからダイアログを起動してパスを指定した場合も、maxlength以上の桁数がセットされます。 ソースの書き方が悪いのでしょうか？ それとも手入力文字数やダイアログからの桁数の制限をかけられないという仕様（HTML？IE？）なのでしょうか？ また、ダイアログからパスを指定した場合、このパスが255byte以上（254byteはOK）だと、 パス内容がボックスに反映されないのですが、 これもまた仕様なのでしょうか？ （ファイル名の最長桁数が256byteだと思うと問題があるような気がするのですけども） ※私のマシンはWinXPでIE6のSP2を使用しています。 以上の点について、何か情報をお持ちの方は回答お願いします！！

    • ベストアンサー
    • HTML
  • CSSでinputのtypeの設定

    閲覧ありがとうございます。 CSS・htmlにまったく知識がありません。 CSSで以下のような例は機能しますか？ input { type: number; } 現在、htmlでinputのtypeを変更したいのですが、 その方法がCSSファイルの読み込みだけなので例の記述をしたファイルを用意したのですが、まったく機能せず。 もとのhtmlにtype属性の指定がすでにされているのですがそれが問題なのでしょうか？ その場合CSSには!importantを記述すればクリアできますか？ よろしくお願い致します。

  • CSSのwidthプロパティについて教えてください。

    お世話になります。 フォームメールをCSSでレイアウトしています。 見出しの幅を揃えるため下記のコードを記述しましたが,labelの幅が変更できません。 ----- HTML ----- <fieldset> <label class="w1">項目</label><input class="w1" type="text" name="someone" /> </fieldset> ----- CSS ----- .w1 { width: 200px; } labelの幅は200pxになりませんでしたがinputの値は200pxになりました。 labelの幅をテーブルを使わずに揃えたいのですが その方法が分かりません。 手がかりでも良いので教えてください。 よろしくお願いいたします。

    • ベストアンサー
    • HTML
  • input type="file"を使わずにファイルをアップロードする方法

    Formで fileの入力フォームを使用せずに、ファイルをアップロード する方法を探しています。 要は、特定のローカルディレクトリの中のファイルを一括して転送したい のですが、input type="file" を使わずに行えるようにしたいのです。 使っている環境はPHP5?です。 何卒宜しくお願いいたします。

    • 締切済み
    • PHP

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する