- ベストアンサー
テキストフィールドにもとから値をいれたい
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
#1,#2さんの回答でよいと思いますが、自分はよくこうします。 <INPUT SIZE="40" TYPE="text" NAME="名前" VALUE="吉野" onclick="this.value=''" onblur="if(! this.value) this.value=this.defaultValue"> こうするとクリック後に何も入力せずに進むと再び元の値を表示します。 （必要かどうかは使いどころしだいですが。空でもよい場合には逆に邪魔になるし。）
関連するQ&A
- テキストを値として渡したいんですが。
ＨＰ上に表示しているテキストをクリックすると その値をＰＨＰ等に渡せるようにしたいんですが。 <FORM method="post" action="text.php"><INPUT size="20" type="text" name="text" value="テキスト"> <input type="submit" name="submit" value="検索"> </FORM> 上記のようなタグを挿入して、ボタンをクリックするとＰＨＰを呼び出すのではなく あくまでテキストそのものをクリックすると そのテキストと同一の値が渡せるようにしたいんです。 ＰＨＰのカテゴリで質問するのかどうか悩んだんですが ＨＴＭＬのカテゴリに質問してみました。 よろしくお願いいたします。
- ベストアンサー
- HTML
- テキストフィールドへの値の表示
JavaScript初心者です。現在、言語習得のためのドリルをおこなっておりますが、２つのテキストフィールド間での値の受け渡しがうまくいきません。具体的には、上下２つのテキストフィールドがあり、上のフィールド（摂氏）に数値を入れボタンを押したタイミングで、その値を華氏に変換して下のフィールドに結果の値が表示される、またその逆もあり、というプログラムを作成したいのです。 テキストフィールドのvalueに値を格納すればよいのかと思い、いろいろな箇所で値を格納してみたのですが、うまく動きません。アドバイスをよろしくお願いいたします。 <html> <head> <script type="text/javascript"> var cel; var fah; function cel_to_fah( ) { cel=document.getElementById("c").value; fah=(9 * cel / 5) + 32 //document.write(fah); document.input_fah.c.value=fah; //return fah; } function fah_to_cel(){ fah= document.getElementById("f").value; cel= 5 * (fah - 32) / 9; //document.write(cel); document.input_cel.f.value=cel; //return cel; } </script> </head> <body> <form id="input_fah" action="./hw06-3.html" > Celsius: <input type="text" id="c" size="20" > <input type="button" onclick="cel_to_fah()" value="To Fahrenheit"/><br/><br/> </form> /* <script language="JavaScript"> document.input_fah.c.value=cel_to_fah(); </script> */ <form id="input_cel" action="./hw06-3.html" > Fahrenheir: <input type="text" id="f" size="20"> <input type="button" onclick="fah_to_cel()" value="To Celsius" /><br/><br/> </form> /* <script language="JavaScript"> document.input_cel.f.value=fah_to_cel( ) </script> */ </body> </html>
- ベストアンサー
- JavaScript
- このようなテキストフィールドがつくりたいのですが
http://www.mag2.com/j/new/ip/01/0001.html ↑テキストフィールド（メールアドレスを入力） このようなテキストフィールドがつくりたいのですが <input name="name_2" type="text" value="（メールアドレスを入力）" size="25"> これで最初から文字は入りますが、サイトのようにフィールド内をクリックすると（メールアドレスを入力）を消す仕組みが分かりません。 また、テキストフィールド内の文字が灰色になっていますが、これはCSSの設定でしょうか？ 検索で探してみても欲しい情報に到達できず困っております。 ご存知でしたら宜しくお願いします。
- ベストアンサー
- HTML
- ＦＯＲＭタグのテキストの中身に始めから値を入れることはできますか？
<FORM ACTION="./cgi-bin/regist.cgi" METHOD=POST> <INPUT TYPE=TEXT NAME="USR" SIZE=20><BR> <INPUT TYPE=SUBMIT VALUE="xxxx"><BR> </FORM> このUSRのテキストエリアの中身に始めから、文章をいれておきたいのですが、可能でしょうか？ もし可能であれば、ソースの提供をどなたか宜しくお願い致します。
- ベストアンサー
- HTML
- 複数のテキストフィールドを同時にfocusする
ブラウザの仕様から考えてもダメもとですが。。。 JavaScriptで1ページに複数あるテキストフィールドを同時にfocusまたは入力値を選択状態する方法はありませんか？JavaScript以外でも構いません。 ちなみに、テキストフィールドのname属性が同じ場合です。 【例】 <form name="form1"> <input type="text" name="qqq" size="30"> </form> <form name="form2"> <input type="text" name="qqq" size="30"> </form>
- 締切済み
- JavaScript
- formのtextフィールドが認識されない
下記のようなフォームに対し、JavaScriptで処理を行おうとしています。 <form name="dateForm" method="post" action=""> <table> <tr><td>0</td> <td><input type='text' name='date[]' maxlength='8' size=12 value='20111001'></td> <td><input type='text' name='date2[]' maxlength='8' size=12 value=''></td></tr> <tr><td>1</td> <td><input type='text' name='date[]' maxlength='8' size=12 value='20111002'></td> <td><input type='text' name='date2[]' maxlength='8' size=12 value=''></td></tr> <tr><td>2</td> <td><input type='text' name='date[]' maxlength='8' size=12 value='20111003'></td> <td><input type='text' name='date2[]' maxlength='8' size=12 value=''></td></tr> </table> <input type='text' name='date_0' maxlength='8' size=12 value='20111000'><br><br> <input type="submit" name="button" value="Check" onClick="send_self();"> <input type="submit" name="button" value="Enter" onClick="set_action();"> </form> Checkボタン押下で上記の関数を呼び出し、テキストフィールドdate[0]の値を表示すると、(1)では「20111001」と正しい値が表示されますが、(2)では下記のエラーが出てしまいます。 「プロパティ '0' の値を取得できません: オブジェクトは Null または未定義です。」 また、 alert(document.dateForm.elements[0]); // … (3) alert(document.dateForm.date); // … (4) とすると、(3)では[object]、(4)では[undefined]と表示されます。 alert(document.dateForm.date_0.value); はvalueも正しく表示されobjectとしても正しく認識されるので、配列へのアクセスに問題があるように思うのですが…。 問題点と解決法をご存知の方がいらっしゃいましたら、どうぞよろしくお願い致します。m(＿ ＿；)m
- ベストアンサー
- JavaScript
- テキストボックスの値で配列の値を求めるには?
やりたいと思っているのは、 (1) "INPUT" の値を入力。 (2) "koteichi" は他からの参照値。 (3) "goukei"に(1)と(2)の合計値。 (4) "total" に(3)の値に該当する配列の値。 (実際には配列の値を代入した式の答え。) という流れになります。 (3)まではなんとか分かるのですが、 (4)はどのように配列の値を代入すればいいのかが 分かりません。 なにぶん最近始めた初心者なので不規則な値は配列を使えばいいと解釈したのですが、まったく使い方を間違えているのでしょうか? こういった場合は別のやり方があるのでしょうか? どなたかよろしくお願いします。 <SCRIPT language=JavaScript1.1> <!-- rank = new Array(6); rank[0]=0; rank[1]=5;[rank2]=8;[rank3]=12;rank[4]=16;rank[5]=22; function calc(){ document.myform.goukei.innerText = eval(document.myform.INPUT.value) +eval(document.myform.koteichi.value); } // --> </SCRIPT> </HEAD> <BODY> <form name="myform"> <INPUT size="20" type="text" name="INPUT" value="0" onchange="calc()"/>+<INPUT size="20" type="text" name="koteichi" value="10">=<INPUT size="20" type="text" name="goukei" value="0"> <INPUT size="20" type="text" name="total" value="0"> </FORM> </BODY>
- ベストアンサー
- JavaScript
- 一括で値を入力するには？
メインとするテキストフィールドに値を入れボタンを押すと指定の フィールドにメインで入力された値が一括で入力されるものを作りたく 調べてみたのですが一括でチェックボックスのON,OFFはみつかったの ですがどうやればできるのでしょうか？ <form method="post" action="#"> <input type="text" name="fee[1]" value="" /> 円 <input type="text" name="fee[2]" value="" /> 円 <input type="text" name="fee[3]" value="" /> 円 ・・・ <input type="text" name="fee[48]" value="" /> 円 </form> 現在このようになっております。 用途は送料を一括で入力するものであり入力する値は基本的に半角 数字です。 例えばですがこれに <input type="text" name="feeall" value="" /> 円 <a href="#" onclick="feeset()">設定</a> とフィールドを追加し設定をクリックするとfeeallに入力した値が feeの配列に一括で入力できるようにしたいと思っておりますが方法が わかりません。 詳しい方おりましたら宜しくお願い致します。
- ベストアンサー
- JavaScript
- input textでペーストした瞬間フォーカス移動
input type="textが縦にたくさんあり、 text1[n番目]に文字をペーストするのですが ペーストした瞬間フォーカスをtext1[n]からtext1[n+1]に移動したいのですがonChangeだとうまくペーストした瞬間に移動できません。 良い方法はあるでしょうか。 <input type="text" size="21" value="" name="text1"><br> <input type="text" size="21" value="" name="text1"><br> ・ ・ ・
- 締切済み
- JavaScript
- Javascriptsによるテキストフィールド上の数字のインクリメントについて
お世話になります。 現在やっているゲーム中に使うカウンターとロガーを作成することを思い立ち、HTML+PHP+MySQLにてWebの作成を開始したのですが、その入力フォームを便利にしようとしてちょと詰まってます。 フォーム内容としては テキストフィールド インクリメントボタン デクリメントボタン テキストフィールド インクリメントボタン デクリメントボタン テキストフィールド インクリメントボタン デクリメントボタン サブミットボタン という形で作成しておりまして テキストフィールドには数字を入力しますがその右側にボタンを設けてそのボタンでも数字を操作できるようにしたいのでjavascriptに手を出したのですが、どうにも上手く動かせません。 質問に文字数制限がきついのでちょと簡略化させてもらいまして <script type="text/javascript"><!-- function increment(i) { document.testform.elements["text"+i].value = eval(document.testform.elements["text"+i].value) + 1 } // --></script> </head> <body> <FORM name="testform"> <input type="text" name="text1" value=0><br> <input type="button" value="1" onClick="increment(1)"><br> </FORM> 上記では動くのですが最後のonClick=の後をできればダイレクトに"increment(text1)"にしたく色々いじっているのですがどうにも上手くいきません。 何かアドバイスを頂けないかと思うのですがいかがでしょうか。 よろしくお願いいたします。 また1のインクリメントだけではなく3増やすボタンも同時につけたいと思いますが、こちらのtipsもありましたらお教え頂きたく思います。
- ベストアンサー
- その他(ソフトウェア)
お礼
ありがとうございました。 勉強になりました。 こちらを使わせていただきます。