• ベストアンサー

inputタグのtype値がfileの場合にデフォルト値を表示させたい

フォームの中にデフォルト値を入れたい場合は、例えば  <input type="text" name="id" id="id" value="A25" /> のように、inputタグの中のvalue値を指定すれば良いわけですが、type値がfileの場合、  <input type="file" name="photo" id="photo" value="flower.jpg" /> のようにしても、フォームは空白のままです。 どうにかして、この場合でもデフォルト値が表示するように出来ないものでしょうか?

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

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

  • ベストアンサー
  • torayoshi
  • ベストアンサー率62% (910/1449)
回答No.1

セキュリティの関係からそのような仕様になってるようですよ。 それか出来てしまうとユーザーの意向を無視して、 ローカルファイルの内容をサーバーに送ることが出来てしまうらしく、 大変危険だからということです。 http://www.ne.jp/asahi/hishidama/home/tech/web/html/input.html

makoji
質問者

お礼

セキュリティですか・・・ じゃあ、仕方ないですね。 ありがとうございました。

関連するQ&A

  • フォームの一部のfileを送信

    上手に出来る方法をアドバイス下さい。 <form method="post" name="uploadForm" id="uploadForm" enctype="multipart/form-data" action="aaa.php"> <input type="text" name="text1" id="text1"> <input type="file" name="upload_file" id="upload_file"> <input type="button" value="アップロード"> <input type="text" name="text2" id="text2"> <input type="submit" value="送信"> </form> のようなフォームで「アップロード」が押された場合、"upload_file"だけ送信したいのですが上手い方法があるでしょうか? また、「送信」が押された場合、"upload_file"以外を送信したいです。 「POST先で無視をする」以外でお願いします。

  • INPUT TYPE

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

    • ベストアンサー
    • HTML
  • 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> よろしくお願いします。

  • selectでinputの表示を変えたい

    セレクトを選択した時に、inputの一部をdisabledにし、同時にinputの背景色を変更したいと思っています。 ----------------------------------------------------------------------- 現在はこんな感じです。 function menuLink(linkLoc) { if(linkLoc !="") { ifrm.location.href=linkLoc;} } --- セレクト1 <SELECT style="WIDTH: 130px" onchange="menuLink(this.options[this.selectedIndex].value)"> <OPTION value="11.html">1</OPTION> <OPTION value="22.html">2</OPTION> <OPTION value="33.html">3</OPTION> セレクト2 <SELECT style="WIDTH: 130px" onchange="menuLink(this.options[this.selectedIndex].value)"> <OPTION value="44.html">1</OPTION> <OPTION value="55.html">2</OPTION> <OPTION value="66.html">3</OPTION> セレクト3 <SELECT style="WIDTH: 130px" onchange="menuLink(this.options[this.selectedIndex].value)"> <OPTION value="77.html">1</OPTION> <OPTION value="88.html">2</OPTION> <OPTION value="99.html">3</OPTION> (実際にはもっと多くのセレクトがあります) <TR> <TD><INPUT type="text" name="aa" size="10" maxlength="2"></TD> <TD><INPUT type="text" name="ba" size="10" maxlength="2"></TD> <TD><INPUT type="text" name="ca" size="10" maxlength="2"></TD></TR> <TR> <TD><INPUT type="text" name="ab" size="10" maxlength="2"></TD> <TD><INPUT type="text" name="bb" size="10" maxlength="2"></TD> <TD><INPUT type="text" name="cb" size="10" maxlength="2"></TD></TR> <TR> <TD><INPUT type="text" name="ac" size="10" maxlength="2"></TD> <TD><INPUT type="text" name="bc" size="10" maxlength="2"></TD> <TD><INPUT type="text" name="cc" size="10" maxlength="2" /></TD></TR> <TR> <TD><INPUT type="text" name=da readOnly value=0 size=10></TD> <TD><INPUT type="text" name=ea readOnly value=0 size=10></TD> <TD><INPUT type="text" name=fa readOnly value=0 size=10></TD></TR> <TR> <TD><INPUT type="text" name=db readOnly value=0 size=10></TD> <TD><INPUT type="text" name=eb readOnly value=0 size=10></TD> <TD><INPUT type="text" name=fb readOnly value=0 size=10></TD></TR> <TR> <TD><INPUT type="text" name=dc readOnly value=0 size=10></TD> <TD><INPUT type="text" name=ec readOnly value=0 size=10></TD> <TD><INPUT type="text" name=fc readOnly value=0 size=10></TD></TR> ----------------------------------------------------------------------- セレクト1のどれかを選択した時に、インプットのaa,ba,da,eaをdisabledにし、同時にaa,ba,da,eaの背景色を変更 セレクト2のどれかを選択した時に、インプットのab,bb,db,ebをdisabledにし、同時にab,bb,db,ebの背景色を変更 という感じにしたいのですが、可能でしょうか? 可能であれば書き方を教えていただけると助かります。 よろしくおねがいします。

  • value文のないInputタグ

    Inputタグの内容を送信したいのですが、 例えば、フォームF1のテキストエリアT1に、 document.F1.T1.value = "テスト"; として、JavaScript側から値(value)を指定します。 この場合、 <form method="post" name="F1"> <input type="text" name="T1"> </form> とするだけで、ブラウザに、「テスト」と表示させられますよね。 しかし、Inputタグの中に「value」の値が無いため、 他のURLに、テキストエリア「T1」の内容を送信することができません。 このようにJavaScript側から値(value)を指定したInputタグの値を送信する方法について教えてください。

  • inputタグはformタグで必ず囲む必要がありますか?

    <input type="text">や< input type="button">などのinputタグは、入力欄に入力されたデータを他のファイルに送らずに同ファイル内で処理する場合も、必ず<form></form>で囲む必要があるのでしょうか? 例えば、<input type="text" id=”background_color”>に色(例:赤、青等)を入力し< input type="button" value=”変更” onClick=”change_background()”>ボタンを押すと、バックグラウンドの色が入力された色に変わるようなコードを書くとします。Javascript(change_background())の内容は同ファイルの<header></header>内に記述しますが、ここでは関係ないので割愛します。 この場合、 <body> <input type="text" id=”background_color”> < input type="button" value=”変更” onClick=”change_background()”> </body> で良いのでしょうか? それとも <body> <form> <input type="text" id=”background_color”> < input type="button" value=”変更” onClick=”change_background()”> </form> </body> とする必要が、ありますか? よろしくお願いします。

    • ベストアンサー
    • HTML
  • <input type="file"/>

    に文字列をセットするために <form> <input type="file" id="x"/> </form> <input type="button" onclick="f()" value="push"/> <script> function f() { var e=document.getElementById("x"); e.value="x.txt"; } </script> としてもセットできません <form> <input type="text" id="x"/> </form> <input type="button" onclick="f()" value="push"/> <script> function f() { var e=document.getElementById("x"); e.value="x.txt"; } </script> であればセットできるのです どうしたらセットできるでしょうか?

  • Input Type Buttonのタグについて

    ◎input type=button の色を変えるには <INPUT TYPE="BUTTON" NAME="BUTTON02" VALUE="テスト"> この中の↑どこに色を追加したらよいのでしょうか? ◎input type=button の型をhttp://okwave.jp/ のページ上の {例}『 ? 質問する 』『!質問、回答を見る』 『(ハートマーク)お礼を見る』のような四角の型にするには この中の↓どの部分を変更又はどの部分に 何を追加したらよいのでしょうか? <INPUT TYPE="BUTTON" NAME="BUTTON02" VALUE="テスト"> ◎どうしたら『 ? 質問する 』『!質問、回答を見る』 『(ハートマーク)お礼を見る』のように?、!、ハートマーク などの記号や絵をinput type button に文字を書き込む時、 ボタン内の文字の前に記号や絵をつけられるのでしょうか? ◎やっとボタンを作ることができたのですが、 クリックしても画面が変わらないのはURLを設定していないからだと思うのですが この中の↓どこへ設定したら画面を変えることができますか? <INPUT TYPE="BUTTON" NAME="BUTTON02" VALUE="テスト"> 上手に説明できませんが、ご存知の方がおられましたら教えて下さい いろいろ調べてやってみたのですが、1つ1つの部分、部分説明があっても全部を1つのタグとしてつなげることができません。 急ぎでかなり困っております、宜しくお願い致します。 沢山の質問ですみません。

  • フォームの構成部品(入力欄・ボタン等)を作成する<INPUT>タグについて

    type属性である、「type="text"」と「type="password"」があります。この2つを段落(改行して)を入れて、横幅を同じにしたいのですが、OSによって幅が異なってしまいます。Windows2000では、デフォルト(size=20)値で、横幅は綺麗に揃ってくれるのですが、WindowsXPでは横幅が一致しません。何故ですか。また、解消方法はありますか。 参考ソース: <TR> <TD>ユーザーID:</TD><TD><INPUT TYPE="text" NAME="id" value=""></TD> </TR> <TR> <TD>パスワード:</TD><TD><INPUT TYPE="password" NAME="pass" value=""></TD> </TR>

    • ベストアンサー
    • HTML
  • HTMLのinputタグ数が変わる場合のjavascript処理

    パターンA ~HTML~ <input type='text' name='a[]'> <input type='text' name='a[]'> ~JavaScript~ var n = document.form1.elements["a"][0].value ; var n = document.form1.elements["a"][1].value ; パターンB ~HTML~ <input type='text' name='a[]'> ~JavaScript~ var n = document.form1.elements["a"][0].value ; ---(1) パターンAではエラーが出ないのですが、パターンBでは(1)のところでエラーになってしまいます。 【elements["a"][0]】の部分を【elements["a"]】とすればエラーは出ません。 どうやら、inputタグが1つしかない場合は、Javascriptでは配列として認識しないようです。 できれば、inputタグが1つの場合でも複数の場合でも、同じJavascriptコードを使いたいのですが、何か良い方法はありますか?

専門家に質問してみよう