ベストアンサー

input type

2021/02/06 17:07

input type=fileで初期文の「選択されていません」の表示を変える方法はありますか？

dhtfyjh
お礼率35% (159/451)

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

みんなの回答 （1）
専門家の回答

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

ベストアンサー

celtis
ベストアンサー率70% (2343/3308)

2021/02/07 10:57 回答No.1

inputタグを非表示にしてから、ラベルなどで装飾する方法がありますね。 https://into-the-program.com/customize-input-type-file/ https://spreadsheep.net/post-657/

関連するQ&A

<input type="file">アップロード

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

<input type="file">でファイルを選択した時点にイベントを追加する方法を教えてもらえませんか？セキュリティの観点から無理なのでしょうか？
inputボックスでのファイル選択後、自動でinputボックス作成

<input type="file">でアップロードファイルを選択後、自動で新しい<input type="file">のボックスが表示されるような仕組みを作れますか？ onclick（）のようなイベント取得方法で、ファイルが選択されたというようなイベントなどがありますでしょうか？ファイルを連続で選択し、それらをまとめてアップロードする必要があります。
<input type="file">タグで「キャンセル」か「開く」を取得したい

いつもお世話になります。 <input type="file">タグで、ファイル選択ダイアログを開いたあとに、「キャンセル」を押したのか、ファイルを選択したのか（「開く」を押したのか）を取得する方法はないのでしょうか？よろしくお願いします。
input type="file"の入力チェック

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

入力不可（表示のみ）にしたいのですが、ラベルというtypeはないのですか？とりあえず、text value にして、readonlyにしたのですが、 <input type='text value' readonly name='NAME' value=<%=NAME3%>> フォーカスがあたってしまいます。テキストボックスの背景色を変える方法を教えてください。または、ラベルという概念があるならば、教えてください。
<INPUT type=

indexのページを上1つ{top}下に左右2つ{side・main}と3つに分割しています。そのtopの部分に <TD align="right"> <form method="POST" action="cart/shop.cgi"> <input type="hidden" name="mode" value="kakunin"> <input type="hidden" name="ret_id" value="./index.html"> <input type="image" src="cart.gif" alt="かごの中身を見る" border="0"> </TD> この様な形でボタン？を表示させ、それをmainで表示させたいのですが、どうすればいいのでしょうか？今の状態では当然ですが{top}の部分にそのまま表示します。あまり知識がなく、いろいろ調べてみたのですがわかりませんでした。よろしくお願いいたします。
[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=

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

携帯サイトのパスワード入力フォームで、最後に入力した1文字だけ表示し、他をマスクするというものがあり、面白いなと思ってPCサイト用にJavascriptで作ってみようと思いました。HTML部に <input type="password" id="pass" /> と書き、初期設定としてJavascript部に window.onload = function() { 　　var input = document.getElementById("pass"); 　　input.type = "text"; 　　input.onkeydown = 実装する関数; } と書いています。これはHTMLにイベントハンドラを設定したくない（HTMLとJavascriptを分離させたい）からです。type属性がpasswordだとどうやっても文字は見えないので、textに変えてキーが押されるごとに最後の文字以外をマスクしてvalueに挿入する方法を考えていますが、これがうまくいきません。どうやらtype属性は値を取得することは可能ですが、挿入（置き換え）することはできないようなのです（ここでエラーが起こっているようです）。他に input.removeAttribute("type"); input.appendAttribute("type", "text"); といったやり方も試してみましたが、うまくいきませんでした。これは仕様で、どうやっても無理なのでしょうか？ <input type="password" /> を <input type="text" /> に変えれば対処できる問題ですが、Javascript不使用ユーザーにも対応できるようにしたいので、なんとか<input type="password" />形式のまま解決できませんでしょうか？
<INPUT TYPE="TEXT">について

Another HTML-lint gatewayというサイトでHTMLの文法チェックをしたところ、「<INPUT TYPE="TEXT"> には VALUE 属性で初期値となるテキストを指定しておきましょう。」という指摘を受けました。詳細を確認したところ ------------------------------------------------------------------- <TAG> には初期値となるテキストを指定しておきましょう。 <INPUT type="text"> や <TEXTAREA> には、何か初期値となるようなテキストをあらかじめ書いておくことがWAIで薦められています。その理由に、空だと正しく処理できないWWWブラウザの可能性が示されています。 ------------------------------------------------------------------- ということが記載されていました。これはどういうことなのでしょうか？わかる方いらっしゃいましたら、ご教授お願いいたします。
INPUT TYPE ・・・

タグの、<INPUT TYPE="TEXT"… と TYPE="INPUT"… の違いは何ですか？ここ１週間、ずっとサイトの検索をしたりしているのですが、答えが分かりませんでした…
input TYPE="FILE"で取得した画像を表示

お世話になります。 htmlのタグにinput type="file"というのがありローカルの画像を選択できるエクスプローラが起動するというボタンなのですが、それで選択した画像ファイルをサーバ処理を行うことなくブラウザに表示させたいのです、こんなことが可能なのでしょうか？なにかサンプル等ご存知の方宜しくお願いします。
input[type=text]とinput[type="text"]

input[type=text]とinput[type="text"] どちらが正しいですか？
<input type="file">で条件分岐

<input type="file">で、送信ボタンをクリックする前に、下記のようなことをしたいです。どうやるのでしょうか？ ■A ・ファイルを選択したかどうか、の条件分岐 ■B ・選択したファイル名を、JavaScript変数へ格納
<input type="reset"> の仕様について

いつもお世話になっております。 HTMLのリセットボタンについて、質問させて下さい。 <input type="reset"> を使用した際の、プルダウンの動作なのですが、以下の動作をするのはHTMLの仕様(?)なのでしょうか？ ---- 前提条件 ---- <画面初期表示> ○色プルダウン▼ ブランク【初期値】赤黄緑 ○くだものプルダウン▼ ブランク【初期値】 <画面表示時にonLoadで行う処理【配列生成】> 赤くだもの = new Array('りんご', 'いちご'); 黄くだもの = new Array('バナナ', 'レモン'); 緑くだもの = new Array('キウイ', 'メロン'); ---- 質問内容 ---- (1)色プルダウン選択時に、JavaScriptを使用して、くだものプルダウンの内容を生成する。例)「赤」を選択した場合、くだものプルダウンは ○くだものプルダウン▼ りんご【初期値】いちごと表示される。 (2)表示されたくだものプルダウンから、「いちご」を選択する。 (3)リセットボタンを押下する。 ********** (3)のオペレーション後の画面表示は、 ○色プルダウン▼ ブランク ○くだものプルダウン▼ りんごになります。あたかもくだものプルダウンがリセットされていないかのように見えますが、これはHTMLリセットを使用している以上、仕方のないことでしょうか？ <input type="reset">でプルダウンのリセットを行う場合は、先頭の要素に戻される、という認識であっていますでしょうか？ご教授お願い致します。 (参考URLを紹介して頂ければ、幸いです。) 宜しくお願い致します。
CSSでinputのtypeの設定

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

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

input type=fileについて、参照ボタンで選択した、フィールドの文字（例えば、C:\Documents and Settings\user\デスクトップ\test.pdf）をログファイルに取り出し、書き込みたいのですが、どうすればよいのでしょうか？ファイルをアップするプログラムをCGIで作っています。よろしくお願い致します。
ラジオボタンの選択に応じてインプットを表示する。

　お世話になります。　現在、ラジオボタンの選択に応じてインプットのフィールドが表示されるようなHTMLフォームを作っているのですが、煮詰まってしまいました。どうしてもうまくいかないのですが、 <html> <head> <title>テスト</title> <script type="text/javascript">  </script> </head> <body> <form action="xxx"> <p> <input type="radio" name="domain" id="1" value="1" onclick="checkradio('none');" /> <label for="1">選択１</label><br /> <input type="radio" name="domain" id="2" value="2" onclick="checkradio('none');" /> <label for="2">選択２</label><br /> <input type="radio" name="domain" id="3" value="3" onclick="checkradio('block');" checked /> <label for="3">選択３</label><br /> </p> <p id="input"> 選択３の詳細を書いてください。：<input type="text" id="input" name="select3" value="" size="20" /> </p> </form> </body> </html> と、こんな感じで、３を選択した時しかインプットを表示できません。選択１や選択２を表示した時には、「選択１の詳細を書いてください。」または「選択２の詳細を書いてください。」と表示させたいのですが、どこをどんな風に直せばいいでしょうか？それと同時に初期画面ではこのインプットを非表示にしてラジオボタンを選択した時に表示されるようにしたいと思っています。よろしくお願いします。

input type

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

関連するQ&A

<input type="file">アップロード

<input type="file">のイベントについて

inputボックスでのファイル選択後、自動でinputボックス作成

<input type="file">タグで「キャンセル」か「開く」を取得したい

input type="file"の入力チェック

INPUT TYPE

<INPUT type=

[IE5.5]INPUT TYPE=FILEのREADONLYについて

<input type=

input要素のtype属性を変えたい

<INPUT TYPE="TEXT">について

INPUT TYPE ・・・

input TYPE="FILE"で取得した画像を表示

input[type=text]とinput[type="text"]

<input type="file">で条件分岐

<input type="reset"> の仕様について

CSSでinputのtypeの設定

<input type="file"　で初期値を設定したいのですが、

input type=file　のフィールド文字について

ラジオボタンの選択に応じてインプットを表示する。

注目のQ&A

カテゴリ
一覧

専門家に質問してみよう
専門家登録

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

input type

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

関連するQ&A

<input type="file">アップロード

<input type="file">のイベントについて

inputボックスでのファイル選択後、自動でinputボックス作成

<input type="file">タグで「キャンセル」か「開く」を取得したい

input type="file"の入力チェック

INPUT TYPE

<INPUT type=

[IE5.5]INPUT TYPE=FILEのREADONLYについて

<input type=

input要素のtype属性を変えたい

<INPUT TYPE="TEXT">について

INPUT TYPE ・・・

input TYPE="FILE"で取得した画像を表示

input[type=text]とinput[type="text"]

<input type="file">で条件分岐

<input type="reset"> の仕様について

CSSでinputのtypeの設定

<input type="file" で初期値を設定したいのですが、

input type=file のフィールド文字について

ラジオボタンの選択に応じてインプットを表示する。

注目のQ&A

カテゴリ 一覧

専門家に質問してみよう 専門家登録

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

<input type="file"　で初期値を設定したいのですが、

input type=file　のフィールド文字について

カテゴリ
一覧

専門家に質問してみよう
専門家登録