フォームに入力した値の制御について -フォームの[text]と[texta-

textとtextareaの書式に設定について

先日、質問をさせて頂きました者になります。 input textとtextareaの書式の設定制御の方法が、分からなくなってしまい質問をさせて頂きました。【やりたい事】 textやtextareaの初期値のテキスト色とバックグランの色を、 textやtextareaに初期値が入っている時と入力した値が入っている時に、指定した書式に各種設定したいと思っています。具体的には、textやtextareaに初期値が入っている時には、初期値の文字を薄いグレー色に設定し、バックグランドをピンク色に設定し、 textやtextareaに入力をした値が入っている時には、入力した文字を黒色に設定し、バックグランドを白色に設定したいと思ってます。ご教授頂ければと存じます。よろしくお願いいたします。【ソース】 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN Frameset" "http://www.w3.org/TR/html4/frameset.dtd"> <html> <head> <script type="text/javascript">  function textoutput(formObj) {  if((text01 = formObj.elements["text01"].value)==formObj.elements["text01"].defaultValue)text01="";  if((text02 = formObj.elements["text02"].value)==formObj.elements["text02"].defaultValue)text02="";  if((textarea01 = formObj.elements["textarea01"].value)==formObj.elements["textarea01"].defaultValue)textarea01="";  if((textarea02 = formObj.elements["textarea02"].value)==formObj.elements["textarea02"].defaultValue)textarea02="";  var text = '';  if(text01!==""){ text += '質問1：' + '\n'+　text01 + '\n'; }  if(text02!==""){ text += '質問２：' + '\n'+　text02 + '\n'; }  if(textarea01!==""){ text += '質問３：' + '\n'+　textarea01 + '\n'; }  if(textarea02!==""){ text += '質問４：' + '\n'+　textarea02 + '\n'; }  formObj.elements["output"].value=text; } </script> </head> <body> <form name="form01"> <strong>・諮問１：</strong><br> <input type="text" name="text01" value="１入力してください" id="p1"　size="30" class="disabled" onfocus="if (this.value == defaultValue) this.value = '';" onblur="if (!this.value) this.value = defaultValue;"><br> <strong>・諮問2：</strong><br> <input type="text" name="text02" value="2入力してください" id="p2"　size="30" class="disabled" onfocus="if (this.value == defaultValue) this.value = '';" onblur="if (!this.value) this.value = defaultValue;"><br> <strong>・諮問3：</strong><br> <textarea name="textarea01" id="textarea01" cols="60" rows="5" onfocus="if(this.value == this.defaultValue) this.value=''" onblur="if(this.value == '') this.value=this.defaultValue"> ３入力してください </textarea><br> <strong>・諮問4：</strong><br> <textarea name="textarea02" id="textarea02" cols="60" rows="5" onfocus="if(this.value == this.defaultValue) this.value=''" onblur="if(this.value == '') this.value=this.defaultValue"> ４入力してください </textarea><br> <strong>・出力結果：</strong><br> <input type="button" value="ログ出力" onClick="textoutput(this.form);"> <br> <textarea cols=60 rows=20 name="output" id="output"></textarea><br> <textarea id="text" cols="30" rows="5" wrap="soft"></textarea><br> <button onclick="save();">save</button><a id="anchor" href=""></a> </form> </body> </html>

フォームの制御について

下記２つのJavaScriptについて正しい記述方法について、どうすれば良いかを模索しています。アドバイスを頂ければ幸いです。どうぞ何卒よろしくお願い致します。 1.チェックボックスの値とテキストフォームの値を結合する方法  for ( var i = 0; i < checkbox02.length; i ++ ) { if ( checkbox02[i].checked === true ) { text += checkbox02[i] + text01. value; text += '\n';}} 2.テキストエリアの値がNullの時に値が出力されないようにする方法  text += '回答3：' +　textarea01 + '\n'; ソース： ----------------------------------------------------------------------------------------- <head> <title>アンケートフォーム</title> <script type="text/javascript"> 　 function textoutput() {  var formObj = document.form01;  var checkbox01 = formObj.C01;  var checkbox02 = formObj.C02;  var text01 = formObj.text01.value;  var textarea01 = formObj.textarea01.value;   var text = 'アンケート結果' + '\n';  for ( var i = 0; i < checkbox01.length; i ++ ) { if ( checkbox01[i].checked === true ) { text += checkbox01[i]. value; text += '\n';}}  for ( var i = 0; i < checkbox02.length; i ++ ) { if ( checkbox02[i].checked === true ) { text += checkbox02[i] + text01. value; text += '\n';}}  text += '回答3：' +　textarea01 + '\n';  <strong>・回答結果</strong><br /> <table border="0" > <td colspan="2" valign="middle"width="560"> <input type="checkbox" name="C01" value="　→回答1" id="checkbox 1-1" > <label for="checkbox 1-1">回答1</label> <input type="checkbox" name="C01" value="　→回答2" id="checkbox 1-2" > <label for="checkbox 1-2">回答2</label> </td> <tr>  <td width="86" valign="middle"> <input type="checkbox" name="C02" value="　→その他：" id="checkbox 1-1" > <label for="checkbox 1-1">その他：</label> </td> <td valign="middle"> <input type="text "name="text01" size="60" /><br> </td> </table> <strong>・回答3：</strong><br /> <textarea name="textarea01" cols="60" rows="1" " tabindex="1"　STYLE="ime-mode:active"></textarea><br>  結果出力<br> <input type="button" value="ログ出力" onClick="textoutput();"> <input type="reset" value="リセット" onclick="return confirm('リセットボタンがクリックされました。本当に入力内容を削除してもよろしいですか？');" /><br> <input type="button" name="Copy" value="クリップボードにコピー" onClick="CopyText('output');"><br> <textarea name="output" id="output" cols="60" rows="10"></textarea><br> </form> </body> </html>

inputとtextareaに

今、フォーム部品に以下のような指定をしています。 <input type="text" value="デフォルト値" onfocus="if(this.value==this.defaultValue)this.value = ''" onblur="if(this.value=='') this.value=this.defaultValue"> このonfocus以降の指定をinput type="text"とtextareaのみに自動で追加しようとしているのですが、調べてもよくわからなかったため質問することにしました。このような指定はjavascriptでできますか？

オブジェクトから値を取得する方法について

QNo.7391687 の続きで質問をもうひとつお願い致します。いろいろと調べたり、試行錯誤しながら、 erlectオブジェクトの値を取得して、取得した値の出力をしたいと考えています。ご教授頂ければ幸いです。どうぞよろしくお願いいたします。【ソース】 ------------------------------------------------------- <head> <title>問合せ入力フォーム</title> <script type="text/javascript"> function textoutput() { 　　　　　　　 var formObj = document.form01; 　　　　　　　 var select01 = formObj. select01; 　　　　　　　 var text = '【select01】' + '\n'; text += select01 + '\n'; 　　　　　　　 formObj.output.value = text + '\n'; } </script> </head> <body> <form name="form01">  <strong>・OS確認</strong><br /> <select name="select01"> <option value=""> <option value="Windows7">Windows7 <option value="WindowsVista">WindowsVista <option value="WindowsXP">WindowsXP <option value="WindowsMe">WindowsMe <option value="Windows2000">Windows2000 </select> <br>  ログ出力<br> <input type="button" value="ログ出力" onClick="textoutput();"><br> <textarea name="output" cols="60" rows="10"></textarea><br> </form> </body> </html>

フレーム内のJavaスクリプトの制御方法について

textとtextareaフォームに文字を入力する際の制御についてどのようにすれば良いかご教授頂けばと思います【やりたい事】 textとtextareaに文字を入力するときに、「ime-mode: disabled」を使いIMEを直接制御し、コピー＆貼付け対策のため「JavaScript」で、全角より半角に自動変換されるように制御しました。下記のソースをhtmlファイルに記述しています。しかしながら、フレーム内に該当htmlファイルを設定すると、「ime-mode: disabled」と「JavaScript」で制御している全角から半角へ自動変換が機能しなくなります。動作環境は、IE7 ～ IE9を想定しています。サンプルファイルを下記にアップしました。 https://box.yahoo.co.jp/guest/viewer?sid=box-l-uuwbyy42v2bpqxq7lxcoosuyni-1001&uniqid=65c3cea9-7cd0-4b71-bc86-3213de26599e 出来るだけシンプルな方法で解決策があればご教授をお願いいたします。【ソース】・text： <input type="text" name="text01" value="1入力してください" size="60" style="width:450px;" style="ime-mode: disabled;" onkeyup="chkCode(this);" onfocus="if (this.value == defaultValue) this.value = '';" onblur="if (!this.value) this.value = defaultValue;"> ・textarea： <textarea name="textarea01" id="textarea01" cols="60" rows="5" style="ime-mode: active;" onfocus="if(this.value == this.defaultValue) this.value=''" onblur="if(this.value == '') this.value=this.defaultValue"> ・JavaScrpt： function chkCode(id) { work=''; for (lp=0;lp<id.value.length;lp++) { s=id.value[lp] s={"ー":"-","＠":"@","＿":"_","／":"/","￥":"?","＆":"&","％":"%"}[s]||s unicode=s.charCodeAt(0); if ((0xff0f<unicode) && (unicode<0xff1a)) { work+=String.fromCharCode(unicode-0xfee0); } else if ((0xff20<unicode) && (unicode<0xff3b)) { work+=String.fromCharCode(unicode-0xfee0); } else if ((0xff40<unicode) && (unicode<0xff5b)) { work+=String.fromCharCode(unicode-0xfee0); } else { work+=String.fromCharCode(unicode); } } id.value=work; }

チェックボックスの値取得後の加工について

下記のJavaScriptをどうように修正をすれば良いか、ご教授いただければと思い投稿させて頂きました。どうぞよろしくお願い申し上げます。出力ボタンをクリックすると現状では下記のようになります。【現状】 ------------------------------------------------------ アンケート結果　→回答1 　→回答2 希望としては取得した値を下記のように加工をして出力したいと思います。【希望】 ------------------------------------------------------ アンケート結果　→回答1、回答2 【ソース】 ------------------------------------------------------ <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN Frameset" "http://www.w3.org/TR/html4/frameset.dtd"> <html> <head> <script> function textoutput(formObj) { var checkbox01 = formObj.elements["C01"]; var text = 'アンケート結果' + '\n'; for ( var i = 0; i < checkbox01.length; i ++ ) { if ( checkbox01[i].checked === true ) { text += checkbox01[i].value; text += '\n'; } } formObj.elements["output"].value=text; } </script> </head> <body> <form name="form01"> <strong>・回答結果</strong><br> <table border="0"> <td colspan="2" valign="middle" width="560"> <input type="checkbox" name="C01" value="　→回答1" id="checkbox1-1"> <label for="checkbox1-1">回答1</label> <input type="checkbox" name="C01" value="　→回答2" id="checkbox1-2"> <label for="checkbox1-2">回答2</label> </td> <table> 結果出力<br> <input type="button" value="ログ出力" onClick="textoutput(this.form);"><br> <textarea name="output" id="output" cols="60" rows="10"></textarea><br> </form> </body> </html>

クリックすると表示されていた説明文が非表示になる設定

フォームの作成の件で不明な点があるのでどなたかご指導お願いします。やりたいことは、テキストフィールドにページ読み込み時は説明文を表示しておいて、そのフィールドがクリックされると説明文が非表示になり、入力が出来る。という事をやりたいんですが、ある雑誌に<textarea>～</textarea>でのやり方が書いてあったのですが、 <input～>でやろうと思ったら出来ませんでした。下のタグでやってみました。最初に表示しておきたい説明文は「※半角で入力」です。 <input name="message" type="text" class="textbox"id="message" onFocus="if(this.value=='※半角で入力')this.value='';"onBlur="if(this.value=='')this.value='※半角で入力';" value="※半角で入力" size="20" maxlength="10"> 宜しくお願いします。

ラジオボタンが未選択時の制御方法について

たびたびお世話になっております。 Webフォームを思考策後しながら作成しています。下記のラジオボタン1 とラジオボタン3 は選択して、ラジオボタン2 は選択せずに出力する下記のように、ハヌけした書式で出力されます。ハヌけしないように出力させる方法はありますでしょうか？ご教授をお願いいたします。出力結果： ------------------------------------------------------------------------------- 【ラジオボタン1】：回答1 【ラジオボタン3】：回答1 ソース： ------------------------------------------------------------------------------- <head> <title>アンケートフォーム</title> <script type="text/javascript"> 　 function textoutput() { 　　　　　　　 var formObj = document.form01; 　　　　　　　 var radio01 = formObj.A01; 　　　　　　　 var radio02 = formObj.A02; 　　　　　　　 var radio03 = formObj.A03; 　　　　　　　 　　　　　　　 var text = '下記リカバリシートを案内' + '\n'; 　　　　　　　 for ( var i = 0; i < radio01.length; i ++ ) { if ( radio01[i].checked === true ) { text += '【ラジオボタン1】：' + '\n' + radio01[i].value;}} text += '\n'; 　　　　　　　 for ( var i = 0; i < radio02.length; i ++ ) { if ( radio02[i].checked === true ) { text += '【ラジオボタン2】：' + '\n' + radio02[i].value;}} text += '\n'; 　　　　　　　 for ( var i = 0; i < radio03.length; i ++ ) { if ( radio03[i].checked === true ) { text += '【ラジオボタン3】：' + '\n' + radio03[i].value;}} text += '\n';  formObj.output.value = text + '\n'; } </script> </head> <body> <strong>アンケートフォーム</strong><br /><br /> <form name="form01">  <strong>・ラジオボタン1</strong><br /> <input type="radio" name="A01" value="回答1" id="radio1-1" " tabindex="3"> <label for="radio1-1">回答1</label> <input type="radio" name="A01" value="回答2" id="radio1-2" " tabindex="4"> <label for="radio1-2">回答2</label> <input type="radio" name="A01" value="回答3" id="radio1-3" " tabindex="5"> <label for="radio1-3">回答3</label> <br />  <strong>・ラジオボタン2</strong><br /> <input type="radio" name="A02" value="回答1" id="radio1-1" > <label for="radio1-1">回答1</label> <input type="radio" name="A02" value="回答2" id="radio1-2"> <label for="radio1-2">回答2</label> <input type="radio" name="A02" value="回答3" id="radio1-3"> <label for="radio1-3">回答3</label> <br />  <strong>・ラジオボタン3</strong><br /> <input type="radio" name="A03" value="回答1" id="radio1-1" > <label for="radio1-1">回答1</label> <input type="radio" name="A03" value="回答2" id="radio1-2"> <label for="radio1-2">回答2</label> <input type="radio" name="A03" value="回答3" id="radio1-3"> <label for="radio1-3">回答3 </label> <br />  ログ出力<br> <input type="button" value="ログ出力" onClick="textoutput();"> <input type="reset" value="リセット"><br> <textarea name="output" cols="60" rows="10"></textarea><br> </form> </body> </html>

サイト検索窓の文字色を、触れる前と入力する時で色を変えようとしています

サイト検索窓の文字色を、触れる前と入力する時で色を変えようとしていますが、うまくいかずに非常に困っております。今のhtmlがこれです。 -------------------- <form name="myform" action="http://www～～" method="post"> <input type="text" name="search_name" value="サイト内検索" id="uid" onfocus="if (this.value == 'サイト内検索') { this.value='' }" onblur="if (this.value == '') { this.value='サイト内検索' }" /> <input type="submit" value="検索" name="button" id="btn" class="fadeBtn" /> </form> -------------------- cssで<input>のcolorを指定したら、入力する前の表示も、入力した時の表示も同じ色になりました。そこで、調べた結果以下のようにonfocusとonblurにcolorを指定したのですが、うまくいきませんでした。 -------------------- <form name="myform" action="http://www～～" method="post"> <input type="text" name="search_name" value="サイト内検索" id="uid" onfocus="if (this.value == 'サイト内検索') { this.value='' } { this.style='color:#000000' }" onblur="if (this.value == '') { this.style='color:pink' } { this.value='サイト内検索' }" /> <input type="submit" value="検索" name="button" id="btn" class="fadeBtn" /> </form> -------------------- javaが必要なのでしょうか？ javaには詳しくないため、必要でしたら教えていただきたいです。どうぞご回答お願いします・・・。

Javascriptで複数のフォームを連結したい

初めまして、お世話になります。 Javascriptで複数のフォームを連結したいと考えています。やっと２つのテキストエリアを連結させるところまで出来るようになりました。やりたいことは、出力させるときに下記のようにしたいのですが、どのようにすれば良いかご教授いただけば幸いです。テキストエリア：text01とtext02を連結させて出力させる時に、 text01とtext02の間に”改行コード”を追加したいのです。それとラジオボタンで選択をした値を取得するための、スクリプの記述方法もご教授頂けないでしょうか？また、可能であればテキストエリア：outputに出力するときうに、下記のように出来ると希望通りの操作が出来助かります。 HTMLを勉強し始めたばかりの初心者ですが、どうぞ何卒よろしくお願い申し上げます。出力結果： ----------------------------------------------------------------------- 【入力欄１】改行コード text01 改行コード【入力欄2】改行コード text02 改行コード【ラジオボタン】 A01 改行コードソース： ----------------------------------------------------------------------- <html> <head> <script language="JavaScript">  </script> </head> <body> <form name="form01">  入力欄1<br> <textarea name="text01" cols="60" rows="10"></textarea><br>  入力欄2<br> <textarea name="text02" cols="60" rows="10"></textarea><br>  <strong>・　OS確認</strong><br /> <input type="radio" name="A01" value="・OS　⇒　XP" id="radio1-1" > <label for="radio1-1">XP</label> <input type="radio" name="A01" value="・OS　⇒　Vista" id="radio1-2"> <label for="radio1-2">Vista</label> <input type="radio" name="A01" value="・OS　⇒　Win7" id="radio1-3"> <label for="radio1-3">Win7</label> <input type="radio" name="A01" value="・OS　⇒　Mac" id="radio1-4"> <label for="radio1-4">Mac</label> <input type="radio" name="A01" value="・OS　⇒　" id="radio1-5"> <label for="radio1-5">その他</label> <br />  ログ出力<br> <input type="button" value="ログ出力" onClick="textoutput();"><br> <textarea name="output" cols="60" rows="10"></textarea><br> </form> </body> </html>

フォームについて教えて下さい！

テキスト入力フォームのあるページ「form.html」を作るにあたって、以下のようなことを実現したいのですが方法が分かりません・・。＜やりたいこと＞「form.html」にアクセスすると、フォームの中に文字列「A」が表示されていて、フォームの中をクリックして入力可能状態にすると「A」の文字は消えるようにしたい。例えば以下のページの左上にあるSEARCHフォームのようにしたいのです。 http://www.cnn.com/feedback/ 「SEARCH」と表示されたフォームの中をクリックすると「SEARCH」の文字は消えますよね。その後フォームの中の選択を外すと、再び「SEARCH」の文字が現れますが、これと同じ事を、複数行入力のテキストエリアで実現したいのです。上記サイトの見様見真似で以下のように作ってみましたが、上手くいきませんでした↓ <TEXTAREA name="aaa" value="A" onfocus="if(this.value=='A'){this.value='';}" onblur="if(this.value==''){this.value='A';}"> </TEXTAREA> ＜実行結果＞１．「form.html」にアクセスした時に「A」は表示されていない。２．フォームの中をクリックして選択した後、再び選択を外すと、「A」は表示される。自分がしたいのは、上記の参考サイトのように初めから「A」を表示させていたいのです。どうすればいいのでしょうか？分かる方いらっしゃたら是非教えて下さい！

パスワード入力フォームのガイドの制作するには・・・？

入力フォームにデフォルト値でガイド的な文字を入れフォームクリックでガイド文字が消え、入力できるようになるものを作りたいのですが input type="text"　のフォームはできましたが input type="password"　のフォームに実装するとガイド文字も●●●●と表示されてしまいます。これを制作するのは無理なのでしょうか？以下はサンプルで作ったソースです。 ------------------------------------------------------------------- <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=shift_jis"> <title>テスト</title> </head> <body> <div class="id_box"><input type="text" name="id" onfocus="if (this.value == 'アカウントID') this.value='';" value="アカウントID"></div> <div class="pw_box"><input type="password" name="pass" onfocus="if (this.value == 'パスワード') this.value='';" value="パスワード"></div> </body> </html> ------------------------------------------------------------------- たぶんjavascriptだと思うのですがよろしくお願いします。

WEBの入力フォームについて

昨年の同じ時期に入力フォームについて質問し、回答をいただいたのですが、少し使い勝手を改善したく再度質問いたします。テキストボックス　Ａラジオボタン　１、２、３テキストボックス　ＢテキストボックスＡに入力後、ラジオボタンで２を選択すると、テキストボックスＢに自動的に入り、１及び２の場合はブランク（入力不可）というものです。以下が前回回答をいただいたものです。改善したいところは、最初にこのファイルを呼び出したときにはテキストボックスＢに入力できてしまうところです。その後ラジオボタンを動かすと２選択以外には入力はできなくなりますが、はじめから入力不可にしたいと思っています。（ラジオボタンの初期値は１です。）また、２を選択後、テキストボックスＢにカーソルを当てると左下のステータスバーにエラーと表示されるのはしかたのないことでしょうか。（テキストを修正することもありえるので、２を選択した場合は自動で入りつつ修正もできるようにしたいです。）以上、よろしくお願いします。 <HTML> <HEAD> <META http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <META http-equiv="Content-Style-Type" content="text/css"> <TITLE></TITLE> </HEAD> <BODY> <script language="JavaScript" type="text/JavaScript"> function copyab(f){ f.elements["name3"].disabled=false; f.elements["name4"].disabled=false; f.elements["name3"].value=f.elements["name1"].value f.elements["name4"].value=f.elements["name2"].value; } function clearb(f){ f.elements["name3"].value=""; f.elements["name4"].value=""; f.elements["name3"].disabled=true; f.elements["name4"].disabled=true; } </script> <FORM>A1 <INPUT type="text" name="name1"> A2<INPUT type="text" name="name2"><BR> 区分 <INPUT name="address" type="radio" value="1" onclick="clearb(this.form)" checked> 1　<INPUT name="address" type="radio" value="2" onclick="copyab(this.form)"> 2　<INPUT name="address" type="radio" value="3" onclick="clearb(this.form)"> 3<BR> B1<INPUT type="text" name="name3" onfocus="if (!agree)this.blur();" onchange="if (!agree)this.value='';"> B2<INPUT type="text" name="name4" onfocus="if (!agree)this.blur();" onchange="if (!agree)this.value='';"> </FORM> </BODY> </HTML>

複数の入力欄についての入力チェック

JAVAScriptを勉強し始めたものです。よろしくお願いします。 1つのページに複数のフォームと入力欄があります。それぞれの入力欄は数字を入力することになっていて、その数字が１～９０の間にあるかどうかをチェックしたいと考えています。下記のようなページを見ると、一つ一つの入力欄について、IF文でチェックしているのですが、一括してチェックするようなことは可能ですか？ http://www.tagindex.com/javascript/form/check1.html －－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－【以下に、やりたいことの例を示します】 <script type="text/javascript">  </script> <FORM METHOD="GET" name="myFORM1"> <INPUT TYPE="text" NAME="myTEXT1" onblur="matchNum()"> <INPUT TYPE="text" NAME="myTEXT2" onblur="matchNum()"> <INPUT TYPE="text" NAME="myTEXT3" onblur="matchNum()"> </FORM> <br> <FORM METHOD="GET" name="myFORM2"> <INPUT TYPE="text" NAME="yourTEXT1" onblur="matchNum()"> <INPUT TYPE="text" NAME="yourTEXT2" onblur="matchNum()"> <INPUT TYPE="text" NAME="yourTEXT3" onblur="matchNum()"> </FORM> <br> <FORM METHOD="GET" name="myFORM3"> <INPUT TYPE="text" NAME="hisTEXT1" onblur="matchNum()"> <INPUT TYPE="text" NAME="hisTEXT2" onblur="matchNum()"> <INPUT TYPE="text" NAME="hisTEXT3" onblur="matchNum()"> </FORM> <br> <FORM METHOD="GET" name="myFORM4"> <INPUT TYPE="text" NAME="herTEXT1" onblur="matchNum()"> <INPUT TYPE="text" NAME="herTEXT2" onblur="matchNum()"> <INPUT TYPE="text" NAME="herTEXT3" onblur="matchNum()"> </FORM>

消えないinput内の文字

グーグルの検索窓を付けてクリックすると消える文字を表示しようと思ったのですが思ったように消えてくれませんソースの一部 <input type="text" name="q" size="18" onfocus="if (this.value == 'keyword') {this.value = '';}" onblur="if (this.value == '') {this.value = 'keyword';}" value="keyword" /> どこか間違っているのでしょうか？それともこれ以外に問題があるのでしょうか？ちなみにIE8とFirefox3.5で確認しました

テキストエリアにvalue以外で文字列

<input id="name" name="name" type="text" value="name" onblur="if(this.value == '') this.value='name';" onfocus="if(this.value == 'name') this.value='';" /> フォームにnameという文字列が表示されていてクリックすると文字列が消える。フォーカスを外すと再びnameが表示される。それだけならば上記のコードで問題ないんですが、フォームに何も入力せず投稿ボタンを押すと、内容が「name」のまま投稿されてしまいます。何か解決する良いアイデアはないでしょうか。どうかよろしくお願いします。

値の取得について

IPアドレス入力欄のように以下のソースのような流れを作成したのですが、エリアに３文字入力をして、入力したものの最後の文字が数字であったら、キーボードのTabを使っても、onKeyUpで呼んだ関数でも、その入力した３文字が数字だと認識してすぐ横のエリアに移りたいのですが、その入力をした際の３文字目の値を取得することは可能なのでしょうか？Whichを使ってString.fromCharCodeを使って押されたキーを取得しようとしたのですが、構文エラーになってしまい、困っています。例入力したものが1a1→数字と認識されて横のエリアに飛ぶ　　　　　　　　11a→三文字目が"a"だから数字でないので飛ばない <script language="JavaScript"> <!-- var str; var data; function tobu1(){ str = document.form1.txt3.value; data = str.match(/[^0-9]/g); if( str.length >= 3 && !data ) document.form1.txt4.focus(); } ・・・ <body> <INPUT type="text" name="txt2" size="3" value="" maxlength="3" onKeyUp="tobu1()" onFocus="this.select()">． <INPUT type="text" name="txt3" size="3" value="" maxlength="3" onKeyUp="tobu2()" onFocus="this.select()">． <INPUT type="text" name="txt4" size="3" value="" maxlength="3" onKeyUp="tobu3()" onFocus="this.select()">． <INPUT type="text" name="txt5" size="3" value="" maxlength="3" onFocus="this.select()">

入力フォームについて

ＦＣ２のホームページを利用しています入力フォームのサンプルを手本にして、以下のように作成しましたが「送信ボタン」をクリックしても、メールが届きません。どうしてでしょうか？ <form action="mailto:xxx@xxx.ne.jp" enctype="text/plain" method="post"> <p><label>NAME：<br /> <input type="text" name="名前" value="" tabindex="1" accesskey="b"> </label></p> <p><label>E-MAIL：<br /> <input type="text" name="メールアドレス" value="" tabindex="2" accesskey="a"> </label></p> <p><label>感想・ご意見<br> <textarea name="title" rows="15" cols="30" tabindex="9" accesskey="i"> </textarea> </label></p> <p> <input type="reset" value="送信" tabindex="10" accesskey="s"> <input type="reset" value="取消" tabindex="11" accesskey="r"> </p> </form>

パスワード入力フォームの実装で、ＩＥ６、７にも対応するには？

入力フォームにデフォルト値でガイド的な文字を入れフォームクリックでガイド文字が消え、入力できるようになるものをこのサイトで教えてもらって実装したのですが Firefoxでは下記のソースで実装できたのですがＩＥ６とＩＥ７ではフォームに入力すると入力した文字が●●●●ではなく、そのまま表示されてしまいます。これを●●●●になるようできないでしょうか？以下はサンプルで作ったソースです。 ------------------------------------------------------------------- <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=shift_jis"> <title>テスト</title> <script>  </script> </head> <body> <div class="id_box"><input type="text" name="id" onfocus="if (this.value == 'アカウントID') this.value='';" value="アカウントID"></div> <div class="pw_box"><input id="pwd" type="text" name="pass" onfocus="javascript:hide_pwd(this.value);" value="パスワード"></div> </body> </html> ------------------------------------------------------------------- たぶんjavascriptだと思うのですがよろしくお願いします。

フォーカス移動抑止について

お世話になっております。ブラウザの画面項目（テキストボックス等）間でフォーカスを移動する場合、移動元でonblur、移動先でonfocusが発生しますが、移動元のonblurで、特定の条件の場合だけフォーカス移動を抑止し、移動先onfocusを発生させないようにしたいのですが、何か方法はないでしょうか？【環境】・IE6 【現在うまくいっていない方法】現在、フォーカス移動を抑止するため、移動元のonblur内の処理で、「event.srcElement.focus()」を実行してますが、移動先のonfocus()も走ってしまう。（２回フォーカス移動することで元の画面項目にフォーカスが戻る）【補足】・問題になっているのは、画面項目のonblur、onfocusで入力値のチェックや他画面項目との連動、色変更、エラーメッセージ表示等を行っておりonblurやonfocusが何度も走ってしまうと想定外の動きをしてしまいます。（場合によってはフォーカス移動の無限ループ）・グローバル変数を屈指すれば想定外の動きをしないようにすることはできるかと思いますが、それ以外の方法で制御したい。【現在うまくいっていない方法の動作確認用のとりあえず作ったサンプルプログラム】 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>フォーカス遷移抑止検証</title> <script type="text/javascript"> var iEventCount = 0; function onElemBlur() { if (++iEventCount > 10) return true;// 無限ループ抑止用 debug("blur : " + event.srcElement.value); event.srcElement.focus(); } function onElemFocus() { if (++iEventCount > 10) return true;// 無限ループ抑止用 debug("focus : " + event.srcElement.value); } function debug(msg) { var obElem = document.getElementById("debugmsg"); obElem.innerHTML += msg + "<br/>"; } </script> </head> <body> <input type="text" value="hoge1" onblur="onElemBlur()" onfocus="onElemFocus()" /> <br/> <input type="text" value="hoge2" onblur="onElemBlur()" onfocus="onElemFocus()" /> <br/> <br/> <br/> <span id="debugmsg" rows="10" cols="50" ></span> <br/> </body> </html> 長々と申し訳ありません。よろしくお願いいたします。

フォームに入力した値の制御について