ベストアンサー

ラベルのマークアップ

2008/08/01 14:29

<input name="price_min" type="text" value="" id="price_min" />～ <input name="price_max" type="text" value="" id="price_max" />円このようなフォーム要素があるとき、どのようにラベル付けをするのが妥当なのでしょうか？ <label> 価格：<br> <input name="price_min" type="text" value="" id="price_min" />～ <input name="price_max" type="text" value="" id="price_max" />円 </label> このように、ひとつの<label>に対して二つのコントロールを含めることはできるのでしょうか？現在は<span>価格</span> のように<span>タグで代用しています。ぜひアドバイスをお願いします。

madman666
お礼率37% (55/147)

HTML
回答数4
ありがとう数6

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

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

ベストアンサー

himajin100000
ベストアンサー率54% (1660/3060)

2008/08/01 15:15 回答No.1

>このように、ひとつの<label>に対して二つのコントロールを含めることはできるのでしょうか？ DTD上はValidとなるが，label要素の説明に以下の文がある http://www.w3.org/TR/REC-html40/interact/forms.html#edef-LABEL The LABEL element may be used to attach information to controls. Each LABEL element is associated with exactly one form control. label要素はコントロールに対して情報を付けるために使用される。各label要素は【厳密に一つの】form controlと結びつけることが出来る。つまり二つ以上につけるのが正しいとは思いません。 <label for="price_min">価格下限<label> <input name="price_min" type="text" value="" id="price_min" />～ <label for="price_max">価格上限<label> <input name="price_max" type="text" value="" id="price_max" />円という風に分けるしかないと思います =========== メモ: To associate a label with another control implicitly, the control element must be within the contents of the LABEL element. In this case, the LABEL may only contain one control element. The label itself may be positioned before or after the associated control. 暗黙的にlabelとcontrolを結びつける(訳注:多分for属性を使わずに、ということだと思う)ためには，control elementはlabelの内容に含まれていなければならない。このとき，labelは一つだけcontrolを含める。 label(の文字列)そのものはコントロールの前か後ろに配置する。 #mayって訳しづらい

その他の回答 (3)

steel_gray
ベストアンサー率66% (1052/1578)

2008/08/01 18:24 回答No.4

下限□円上限□円よりも □～□円スタイルシートで不要と思えるものを消してしまっては？しっかりマークアップする事と、どう見せる、どう聴かせるか、は別でしょうから。

神崎渉瑠（@taloo）
ベストアンサー率44% (1016/2281)

2008/08/01 16:57 回答No.3

<p> <label for="price_min">価格：</label><br /> <input name="price_min" type="text" value="" id="price_min" />～ <input name="price_max" type="text" value="" id="price_max" />円 </p> 私が作るとこうなるかな。 fieldsetとpは、一応使い分けているつもりなので、そのときに応じて変わります。この書き方をするとIEでforが効かなくなりますが、その辺はJavaScriptで対応。 fieldsetを使う場合、HTML4ではlegend必須、XHTMLでは省略可です。 <br>がHTMLの書き方、<input />がXHTMLの書き方になってますが、、、？ > #mayって訳しづらい私は「～してもよい」と訳しています。 canの弱い表現というか、丁寧というか、ニュアンスの違いというか。

steel_gray
ベストアンサー率66% (1052/1578)

2008/08/01 16:09 回答No.2

ラベルのマークアップの仕方としては#1さんと同意見で1:1になるべきだと思います。複数のコントロールをまとめるにはfieldsetが妥当だと思います。 <fieldset><legend>価格</legend> <label for="price_min">下限<label> <input name="price_min" type="text" value="" id="price_min" />円～ <label for="price_max">上限<label> <input name="price_max" type="text" value="" id="price_max" />円 </fieldset>

質問者

お礼 2008/08/01 16:39

やはりラベルとコントローラは1対1が妥当なようですね。しかし、下限□円上限□円よりも □～□円（□は入力フィールド）のほうが直感的なような気もするのですが・・・マークアップって難しいですね；

関連するQ&A

JSPでショッピングサイト(会員登録画面実装)
表題のように、新規会員登録画面を作成しています。 1.新規会員登録画面＃名前などの各項目入力フォーム(テキストボックス) ＃会員登録ボタン押下で2.へ ↓ 2.入力情報確認画面＃前の画面から名前などの各項目を受け取り、表示させる＃会員登録ボタン押下で3.へ ↓ 3.データベースに追加jsp ＃前の画面から名前などの各項目を受け取ってデータベースに追加し、4.へ ↓ 4.登録ありがとうございます画面＃ありがとうございますmes表示とトップへ戻るリンクこんな感じの流れで作成していますが、画面の表示的には上手くいってるように見えますがデータベースの中身を見ると全てnullになってしまっています。 2.で一旦入力内容を表示させてっていうのを省くと上手くデータベースに追加されます。 2.と3.のパラメータから取得しているlast_nameなどの表記が一緒なのが原因ではと思い 3.の方を下記に変更しても同じ結果でした。 3.変更前 String strLast_name=request.getParameter("last_name"); 3.変更後 String last_name=request.getParameter("strLast_name"); ソースコードは下記に載せますので、ご教示お願いします。 1.新規会員登録画面--------------------------------------  <form action="add_member_confirmation.jsp" method="post"> <dl class="dl-contact"> <dt><label>お名前 </label><span>(必須)</span></dt> <dd>姓 <input type="text" name="last_name" size="10" />　名 <input type="text" name="first_name" size="10" /></dd> <br> <dt><label>お名前(カタカナ) </label><span>(必須)</span></dt> <dd>セイ <input type="text" name="last_name_kana" size="10" />　メイ <input type="text" name="first_name_kana" size="10" /></dd> <br> <dt><label>メールアドレス </label><span>(必須)</span></dt> <dd><input type="text" name="mail" size="50" placeholder="aaa@bbbbb.com"/></dd> <br> <dt><label>郵便番号 </label><span>(必須)</span></dt> <dd><input type="text" id="zip_1" name="zip_1" size="2" maxlength="3" placeholder="123"/> - <input type="text" id="zip_2" name="zip_2" size="3" maxlength="4" placeholder="4567"/></dd> <br> <dt><label>都道府県 </label><span>(必須)</span></dt> <dd><select id="address_1" name="prefecture"> <option value="北海道">北海道</option> <option value="沖縄県">沖縄県</option> </select><br /></dd> <br> <dt><label>市町村 </label><span>(必須)</span></dt> <dd><input type="text" id="address_2" name="city" size="50"/></dd> <br> <dt><label>番地など </label><span>(必須)</span></dt> <dd><input type="text" id="address_3" name="address" size="50"/></dd> <br> <dt><label>アパート・ビル名等 </label><span>(必須)</span></dt> <dd><input type="text" name="apartment" size="50"/></dd> <br> <dt><label>電話番号 </label><span>(必須)</span></dt> <dd><input type="text" name="tel" size="50" placeholder="00-0000-0000"/></dd> <br> <dt><label>パスワード </label><span>(必須)</span></dt> <dd><input type="password" name="password_1" size="50"/></dd> <br> <dt><label>パスワード(確認) </label><span>(必須)</span></dt> <dd><input type="password" name="password_2" size="50"/></dd> <dd class="clear"><input type="submit" value=" 新規会員登録 " /> <input type="reset" value=" リセット " /></dd> </dl> </form> <br> <h2 class="member-title">Test Shop利用規約</h2> <textarea id="" name="textarea" cols="95" rows="30" readonly> Test Shop利用規約 </textarea> </div>  ---------------------------------------------------------
- ベストアンサー
- CSS
Javascriptの結果の出し方で困っています。
自分のサイトにチェッカーを入れたくて下記の記述を書きました。 <script> function calc(f){ var sum=0; for(var i=0;i<f.length;i++){ if(f[i].type=="radio" && f[i].checked) sum+=parseInt(f[i].value); } f.judge.value=sum; } </script> <form action="chekker/" method="post"> <ol> <li>aaaaaaaaaaaaa<br> <input type="radio" name="Q1" id="Q1_1" value="2"><label for="Q1_1">はい</label> <input type="radio" name="Q1" id="Q1_2" value="0"><label for="Q1_2">いいえ</label> <br><br> <li>aaaaaaaaaaaaa<br> <input type="radio" name="Q2" id="Q2_1" value="2"><label for="Q2_1">はい</label> <input type="radio" name="Q2" id="Q2_2" value="0"><label for="Q2_2">いいえ</label> <br><br> <li>aaaaaaaaaaaaa<br> <input type="radio" name="Q3" id="Q3_1" value="2"><label for="Q3_1">はい</label> <input type="radio" name="Q3" id="Q3_2" value="0"><label for="Q3_2">いいえ</label> <br><br> <li>aaaaaaaaaaaaa<br> <input type="radio" name="Q4" id="Q4_1" value="2"><label for="Q4_1">はい</label> <input type="radio" name="Q4" id="Q4_2" value="0"><label for="Q4_2">いいえ</label> <br><br> <li>aaaaaaaaaaaaa<br> <input type="radio" name="Q5" id="Q5_1" value="2"><label for="Q5_1">はい</label> <input type="radio" name="Q5" id="Q5_2" value="0"><label for="Q5_2">いいえ</label> <br><br> <li>aaaaaaaaaaaaa<br> <input type="radio" name="Q6" id="Q6_1" value="2"><label for="Q6_1">はい</label> <input type="radio" name="Q6" id="Q6_2" value="0"><label for="Q6_2">いいえ</label> <br><br> <li>aaaaaaaaaaaaa<br> <input type="radio" name="Q7" id="Q7_1" value="2"><label for="Q7_1">はい</label> <input type="radio" name="Q7" id="Q7_2" value="0"><label for="Q7_2">いいえ</label> <br><br> <li>aaaaaaaaaaaaa<br> <input type="radio" name="Q8" id="Q8_1" value="2"><label for="Q8_1">はい</label> <input type="radio" name="Q8" id="Q8_2" value="0"><label for="Q8_2">いいえ</label> <br><br> <li>aaaaaaaaaaaaa<br> <input type="radio" name="Q9" id="Q9_1" value="2"><label for="Q9_1">はい</label> <input type="radio" name="Q9" id="Q9_2" value="0"><label for="Q9_2">いいえ</label> <br><br> <li>aaaaaaaaaaaaa<br> <input type="radio" name="Q10" id="Q10_1" value="2"><label for="Q10_1">はい</label> <input type="radio" name="Q10" id="Q10_2" value="0"><label for="Q10_2">いいえ</label> </ol> <center> <p><font size="+1" color="#FF0000"><b>採点！！</b></font></p> <input type="text" name="judge" value="0" SIZE="10"> <input type="button" value="採点する" onClick="calc(this.form)"> </p></center> </form> はいが2点、いいえが0点とします。この記述方法だと、テキストボックスに点数の合計が記載されてしまいます。別ページに点数の合計を呼び出したいのですが、どうすればいいのでしょうか。 ※ページの内容で中身が変わるわけではなく、点数の結果を表示したいです。 ※呼び出す際のコードも記載していただけたらありがたいです ※結果のページをkekka.htmlとします。初心者なのでどうしたらいいのか分かりません。よろしくお願いします。
- 締切済み
- JavaScript
Javascriptの結果の出し方で困っています
自分のサイトにチェッカーを入れたくて下記の記述を書きました。 <script> function calc(f){ var sum=0; for(var i=0;i<f.length;i++){ if(f[i].type=="radio" && f[i].checked) sum+=parseInt(f[i].value); } f.judge.value=sum; } </script> <form action="chekker/" method="post"> <ol> <li>aaaaaaaaaaaaa<br> <input type="radio" name="Q1" id="Q1_1" value="2"><label for="Q1_1">はい</label> <input type="radio" name="Q1" id="Q1_2" value="0"><label for="Q1_2">いいえ</label> <br><br> <li>aaaaaaaaaaaaa<br> <input type="radio" name="Q2" id="Q2_1" value="2"><label for="Q2_1">はい</label> <input type="radio" name="Q2" id="Q2_2" value="0"><label for="Q2_2">いいえ</label> <br><br> <li>aaaaaaaaaaaaa<br> <input type="radio" name="Q3" id="Q3_1" value="2"><label for="Q3_1">はい</label> <input type="radio" name="Q3" id="Q3_2" value="0"><label for="Q3_2">いいえ</label> <br><br> <li>aaaaaaaaaaaaa<br> <input type="radio" name="Q4" id="Q4_1" value="2"><label for="Q4_1">はい</label> <input type="radio" name="Q4" id="Q4_2" value="0"><label for="Q4_2">いいえ</label> <br><br> <li>aaaaaaaaaaaaa<br> <input type="radio" name="Q5" id="Q5_1" value="2"><label for="Q5_1">はい</label> <input type="radio" name="Q5" id="Q5_2" value="0"><label for="Q5_2">いいえ</label> <br><br> <li>aaaaaaaaaaaaa<br> <input type="radio" name="Q6" id="Q6_1" value="2"><label for="Q6_1">はい</label> <input type="radio" name="Q6" id="Q6_2" value="0"><label for="Q6_2">いいえ</label> <br><br> <li>aaaaaaaaaaaaa<br> <input type="radio" name="Q7" id="Q7_1" value="2"><label for="Q7_1">はい</label> <input type="radio" name="Q7" id="Q7_2" value="0"><label for="Q7_2">いいえ</label> <br><br> <li>aaaaaaaaaaaaa<br> <input type="radio" name="Q8" id="Q8_1" value="2"><label for="Q8_1">はい</label> <input type="radio" name="Q8" id="Q8_2" value="0"><label for="Q8_2">いいえ</label> <br><br> <li>aaaaaaaaaaaaa<br> <input type="radio" name="Q9" id="Q9_1" value="2"><label for="Q9_1">はい</label> <input type="radio" name="Q9" id="Q9_2" value="0"><label for="Q9_2">いいえ</label> <br><br> <li>aaaaaaaaaaaaa<br> <input type="radio" name="Q10" id="Q10_1" value="2"><label for="Q10_1">はい</label> <input type="radio" name="Q10" id="Q10_2" value="0"><label for="Q10_2">いいえ</label> </ol> <center> <p><font size="+1" color="#FF0000"><b>採点！！</b></font></p> <input type="text" name="judge" value="0" SIZE="10"> <input type="button" value="採点する" onClick="calc(this.form);window.open('kekka.html','windowname');"> </p></center> </form> はいが2点、いいえが0点とします。この記述方法だと、テキストボックスに点数の合計が記載されてしまいます。別ページのテキストボックス内に点数の合計を呼び出したいのですが、どうすればいいのでしょうか。出来れば呼び出す際のソースコードなどもすべて記載していただけるとありがたいです。 ※ページの内容で中身が変わるわけではなく、点数の結果を表示したいです。 ※呼び出す際のコードも記載していただけたらありがたいです ※結果のページをkekka.htmlとします。初心者なのでどうしたらいいのか分かりません。よろしくお願いします。
- 締切済み
- JavaScript
scriptについて質問です。
自分のサイトにチェッカーを入れたくて下記の記述を書きました。 <script> function calc(f){ var sum=0; for(var i=0;i<f.length;i++){ if(f[i].type=="radio" && f[i].checked) sum+=parseInt(f[i].value); } f.judge.value=sum; } </script> <form action="chekker/" method="post"> <ol> <li>aaaaaaaaaaaaa<br> <input type="radio" name="Q1" id="Q1_1" value="2"><label for="Q1_1">はい</label> <input type="radio" name="Q1" id="Q1_2" value="0"><label for="Q1_2">いいえ</label> <br><br> <li>aaaaaaaaaaaaa<br> <input type="radio" name="Q2" id="Q2_1" value="2"><label for="Q2_1">はい</label> <input type="radio" name="Q2" id="Q2_2" value="0"><label for="Q2_2">いいえ</label> <br><br> <li>aaaaaaaaaaaaa<br> <input type="radio" name="Q3" id="Q3_1" value="2"><label for="Q3_1">はい</label> <input type="radio" name="Q3" id="Q3_2" value="0"><label for="Q3_2">いいえ</label> <br><br> <li>aaaaaaaaaaaaa<br> <input type="radio" name="Q4" id="Q4_1" value="2"><label for="Q4_1">はい</label> <input type="radio" name="Q4" id="Q4_2" value="0"><label for="Q4_2">いいえ</label> <br><br> <li>aaaaaaaaaaaaa<br> <input type="radio" name="Q5" id="Q5_1" value="2"><label for="Q5_1">はい</label> <input type="radio" name="Q5" id="Q5_2" value="0"><label for="Q5_2">いいえ</label> <br><br> <li>aaaaaaaaaaaaa<br> <input type="radio" name="Q6" id="Q6_1" value="2"><label for="Q6_1">はい</label> <input type="radio" name="Q6" id="Q6_2" value="0"><label for="Q6_2">いいえ</label> <br><br> <li>aaaaaaaaaaaaa<br> <input type="radio" name="Q7" id="Q7_1" value="2"><label for="Q7_1">はい</label> <input type="radio" name="Q7" id="Q7_2" value="0"><label for="Q7_2">いいえ</label> <br><br> <li>aaaaaaaaaaaaa<br> <input type="radio" name="Q8" id="Q8_1" value="2"><label for="Q8_1">はい</label> <input type="radio" name="Q8" id="Q8_2" value="0"><label for="Q8_2">いいえ</label> <br><br> <li>aaaaaaaaaaaaa<br> <input type="radio" name="Q9" id="Q9_1" value="2"><label for="Q9_1">はい</label> <input type="radio" name="Q9" id="Q9_2" value="0"><label for="Q9_2">いいえ</label> <br><br> <li>aaaaaaaaaaaaa<br> <input type="radio" name="Q10" id="Q10_1" value="2"><label for="Q10_1">はい</label> <input type="radio" name="Q10" id="Q10_2" value="0"><label for="Q10_2">いいえ</label> </ol> <center> <p><font size="+1" color="#FF0000"><b>採点！！</b></font></p> <input type="text" name="judge" value="0" SIZE="10"> <input type="button" value="採点する" onClick="calc(this.form);window.open('kekka.html','windowname');"> </p></center> </form> 質問項目が10個あるのですが、どれか一つにでもチェックが入っていない場合「全てチェックしてください」と返したいのですがどうすればいいのでしょうか？また点数の合計が10点の時は1.html 点数が14点の時は2.htmlという場合どういった記述をすればいいのでしょうか？ご面倒ですが回答のほどよろしくお願いします。
- ベストアンサー
- JavaScript
【緊急】リアルタイムでエラーチェック
下記のコードを使って、リアルタイムでエラーチェックを行うファームを作りたいと考えています。このコードだとsubmitしてからでないとコードチェックが行われないので、最初の入力時から行うようにしたいのですが、何か手立てはないでしょうか？ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <meta http-equiv="Content-Script-Type" content="text/javascript" /> <title>exValidationサンプル 2</title> <link type="text/css" rel="stylesheet" href="css/style.css" /> <link type="text/css" rel="stylesheet" href="skin/selectable/style.css" /> <link type="text/css" rel="stylesheet" href="css/exvalidation.css" /> <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/jquery.easing.js"></script> <script type="text/javascript" src="js/exvalidation.js"></script> <script type="text/javascript" src="js/exchecker-ja.js"></script> <script type="text/javascript"> $(function(){ $("form") .exValidation({ rules: { name: "required", kana: "required katakana", email: "required email hankaku group", pass: "required min6 max12", repass: "required retype-pass", radio: "radio", checkbox: "checkbox" }, errInsertPos: 'after', errPosition: 'fixed' }); }); </script> </head> <body> <div class="pagebody"> <h1>exValidation</h1> <form> <fieldset> <p class="attention">*は必須項目です</p> <table> <tbody> <tr> <th>Name<span>*</span></th> <td><input type="text" id="name" name="name" value="" /></td> </tr> <tr> <th>Kana<span>*</span></th> <td><input type="text" id="kana" name="kana" value="" /></td> </tr> <tr> <th>Mail<span>*</span></th> <td><span id="email"><input type="text" id="email" name="email" value="" /> @ <input type="text" name="email2" value="" /></span></td> </tr> <tr> <th>Password<span>*</span></th> <td><input type="password" id="pass" name="pass" value="" /></td> </tr> <tr> <th>Retype-Password<span>*</span></th> <td><input type="password" id="repass" name="repass" value="" /></td> </tr> <tr> <th>Sex<span>*</span></th> <td> <span id="radio"> <label for="male"><input type="radio" id="male" name="sex" value="male" />male</label> <label for="female"><input type="radio" id="female" name="sex" value="female" />female</label> </span> </td> </tr> <tr> <th>Prefecture<span>*</span><br /> this is selectable</th> <td> <select id="pref" name="pref" class="selectable"> <optgroup label="---"> <option value="">---</option> </optgroup> <optgroup label="北海道"> <option value="01">北海道</option> </optgroup> <optgroup label="東北"> </optgroup> </select> </td> </tr> <tr> <th>City</th> <td><input type="text" name="city" value="" /></td> </tr> <tr> <th>Street</th> <td><input type="text" name="street" value="" /></td> </tr> <tr> <th>Favorite<span>*</span></th> <td> <span id="checkbox"> <label for="f1"><input type="checkbox" id="f1" name="fav" value="f1">books</label> <label for="f2"><input type="checkbox" id="f2" name="fav" value="f2">music</label> <label for="f3"><input type="checkbox" id="f3" name="fav" value="f3">game</label> <label for="f4"><input type="checkbox" id="f4" name="fav" value="f4">study</label> <label for="f5"><input type="checkbox" id="f5" name="fav" value="f5">fishing</label> </span> </td> </tr> </tbody> </table> </fieldset> <p class="submit"><input type="submit" value="Submit" class="button" /></p> </form> </div> </body> </html>
- ベストアンサー
- JavaScript
カスタム投稿ページでカスタムフィールドを表示
参考 https://fit-jp.com/customfield/ コメントに「custom_post_typeのslugを指定することも可能」と書いてありましたので、 $post;を全て$slugに置き換えました。（5箇所）置き換えたものが以下になります。それでも表示されませんでした。どこが間違っておりますか？ご教鞭ください。宜しくお願いします。 // カスタムフィールドの入力エリア function insert_book_fields() { global $slug; //下記に管理画面に表示される入力エリアを作ります。「get_post_meta()」は現在入力されている値を表示するための記述です。 echo '題名： <input type="text" name="book_name" value="'.get_post_meta($slug->ID, 'book_name', true).'" size="50" /><br>'; echo '作者： <input type="text" name="book_author" value="'.get_post_meta($slug->ID, 'book_author', true).'" size="50" /><br>'; echo '価格： <input type="text" name="book_price" value="'.get_post_meta($slug->ID, 'book_price', true).'" size="50" />　<br>'; if( get_post_meta($slug->ID,'book_label',true) == "is-on" ) { $book_label_check = "checked"; }//チェックされていたらチェックボックスの$book_label_checkの場所にcheckedを挿入 echo 'ベストセラーラベル： <input type="checkbox" name="book_label" value="is-on" '.$book_label_check.' ><br>'; }
- ベストアンサー
- PHP
テキストエリア内でタグ<BR>を使わずにenterキーで改行したい
myshop.cgiという、フリーのcgiを使いたくて、超初心者なりに色々調べながらもなんとか思い通りに出来てきたんですが、一つだけどうしても自分では解決できなくて、困ってます。 enterキーでは改行できず、<BR>でしか改行できないテキストエリア内に、ある文章をコピペしたいんですが、コピペした後に、いちいち<BR>を入れるのが面倒なんで、enterキーで改行できるようにしたいんです。しかし、どこをどういじればいいのかさっぱりわからなくて・・・。とりあえず悩んでる付近のコードを載せておきます。超初心者です！よろしくお願いします！解決したいテキストエリアは、「サイトの紹介文」を入力するとこです。 ------------------------------------------------------------- print <<"EOF"; </select>$nini</td> </tr> <tr> <td>カテゴリ3 <select name="ct3"> <option value="">選択しない</optin> EOF if ($use_sub) { foreach (0 .. $#cates) { @SUB = split(/\s+/, $subct[$_]); $i=0; foreach $j (@SUB) { print qq( <option value="$_\,$i">$cates[$_] » $j</option>\n); $i++; } } } if (!$print_url) { $nourl = qq(<span style="color:red;">現在非表\示に設定されています。</span> ); } print <<'EOF'; </select>$nini</td> </tr> <tr> <td>サイトタイトル <small>(タグ利用可\能\ / 同じECサイトのテキスト広告が効果的)</small><br> <input type="text" name="tl" size="68"></td> <tr> <tr> <td>バナーのHTMLコード <small>(アフィリエイト仲介サイトからコピー&ペーストして下さい。)</small><br> <textarea name="code" cols="54" rows="8"></textarea></td> </tr> <tr> <td>サイトの紹介文 <small>(タグ利用可\能\ / 但し改行は反映されないので<span style="font-weight:bold;"><br>を使用</span>して下さい。)</small><br> <textarea name="msg" cols="54" rows="20"><BR><BR><BR><BR></textarea></td> </tr> <tr> <td>価格 <small>(タグも利用可\能\)</small><br> <input type="text" name="url" size="68"></td> <tr> <tr> <td>サイトに関係の深いキーワード <small>(任意。検索で使用、5個までで最大文字数は20文字。)<br> <input size="14" type="text" name="key1" maxlength="20"> <input size="14" type="text" name="key2" maxlength="20"> <input size="14" type="text" name="key3" maxlength="20"> <input size="14" type="text" name="key4" maxlength="20"> <input size="14" type="text" name="key5" maxlength="20"></td> </tr> <tr> <td>サイト紹介文の位置<br> <input type="radio" name="line" value="0" id="bot" checked><label for="bot">バナーの下</label> <input type="radio" name="line" value="1" id="sid"><label for="sid">バナーの横</label></td> </tr> <tr> <td>オススメマーク<br> <input type="radio" name="rec" value="0" id="ron" checked><label for="ron">付けない</label> <input type="radio" name="rec" value="1" id="rof"><label for="rof">付ける</label></td> </tr> <tr> <td>表\示状態 (非アクティブにチェックを入れると一覧には表\示されません。)<br> <input type="checkbox" name="no_act" value="1" id="nact"><label for="nact">非アクティブにする</label></td> </tr> <tr> <td align="center"><br> <input type="submit" value=" 登録する "><input type="reset" value="リセット"> </td> </tr> </table> </form> </div> </body> </html> EOF exit;
- ベストアンサー
- CGI
ラジオボタンとテキストボックスで、ボタン選択時のテキストボックスの入力チェックするにはどうしたらよいでしょうか？
ラジオボタンとテキストボックスの組合わせで使用し、ラジオボタン選択時のテキストボックスの入力チェックをするにはどうしたらよいのでしょうか？以下はそのhtmlソースになります。 <table border="0" cellspacing="2" cellpadding="0"> <tr> <td><input type="radio" name="addsearch" value="検索エンジン" id="p1"></td> <td colspan="2"><label for="p1"><span class="stress2">検索エンジン</span></label></td> </tr> <tr> <td></td> <td>検索エンジン名</td> <td><INPUT TYPE=text NAME="addsearch1" VALUE="" SIZE=40></td> </tr> <tr> <td><input type="radio" name="addsearch" value="ご紹介で" id="p2"></td> <td colspan="2"><label for="p2"><span class="stress2">ご紹介で</span></label></td> </tr> <tr> <td></td> <td>ご紹介者のお名前をおしえてください。</td> <td><INPUT TYPE=text NAME="addsearch2" VALUE="" SIZE=40></td> </tr> <tr> <td><input type="radio" name="addsearch" value="広告を見て" id="p3"></td> <td colspan="2"><label for="p3"><span class="stress2">広告を見て</span></label></td> </tr> <tr> <td></td> <td>どこの広告ですか？</td> <td><INPUT TYPE=text NAME="addsearch3" VALUE="" SIZE=40></td> </tr> <tr> <td><input type="radio" name="addsearch" value="その他" id="p4"></td> <td colspan="2"><label for="p4"><span class="stress2">その他</span></label></td> </tr> <tr> <td></td> <td>具体的にお願いします。</td> <td><INPUT TYPE=text NAME="addsearch4" VALUE="" SIZE=40></td> </tr> </table> よろしくおねがいいたします。
- ベストアンサー
- HTML
チェックされたラジオボタンにフォーカスを移動したい
<LABEL><INPUT type="radio" id="a" value="0" checked>すべて</LABEL><BR> <LABEL><INPUT type="radio" id="a" value="1">一部</LABEL><BR> <LABEL><INPUT type="radio" id="a" value="2">なし</LABEL><BR> <LABEL><INPUT type="radio" id="b" value="0" checked>すべて</LABEL><BR> <LABEL><INPUT type="radio" id="b" value="1">一部</LABEL><BR> <LABEL><INPUT type="radio" id="b" value="2">なし</LABEL><BR> <LABEL><INPUT type="radio" id="c" value="0" checked>すべて</LABEL><BR> <LABEL><INPUT type="radio" id="c" value="1">一部</LABEL><BR> <LABEL><INPUT type="radio" id="c" value="2">なし</LABEL><BR> ・・・のようにラジオボタンがグループ別に並んでいる場合に Enterキーを押したときにフォーカスが次のラジオボタングループのチェックが入ったラジオボタンにフォーカスを移動したいのですが、何かいい方法はないでしょうか？
- ベストアンサー
- JavaScript
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>
- ベストアンサー
- JavaScript

ラベルのマークアップ

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

その他の回答 (3)

お礼 2008/08/01 16:39

関連するQ&A

注目のQ&A

カテゴリ
一覧

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

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

ラベルのマークアップ

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

その他の回答 (3)

お礼 2008/08/01 16:39

関連するQ&A

注目のQ&A

カテゴリ 一覧

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

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

カテゴリ
一覧

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