wiki:pne-xhtmlcss/parts/31
 ここの情報は古いです。ご理解頂いた上でお取り扱いください。

Version 3 (modified by ogawa, 12 years ago) (diff)

マークアップ例を追加

TOC

31. formTable(入力フォームテーブル)

パーツリストに戻る

表示例

source:OpenPNE/branches/prj/xhtmlcss/parts/capture/31.png

マークアップ例

<div class="dparts formTable"><div class="parts">
<div class="partsHeading"><h3>プロフィール変更</h3><p>(<strong>※</strong>の項目は必須です)</p><p class="link"><a href="./">SSL(https)はこちら</a></p></div>
<div class="partsInfo">
<p>やまなかさんとは既にお知り合いですか?<br />
マイフレンドリンク申請メッセージを送信し、承諾を受けてください。<br />
※交流の無い方へいきなりリンク申請を送るのは、失礼になる場合もあります。十分に確認して、リンク申請をおこなってください。</p>
</div>
<form action="./" method="post">
<fieldset>
<input type="hidden" name="m" value="pc" />
<input type="hidden" name="a" value="do_h_config_prof" />
<input type="hidden" name="sessid" value="cc9d7c8b8c2afa287977b534e1268083" />
<table><tr>
<th>ニックネーム <strong>※</strong></th>
<td>
<input type="text" class="input_text" name="nickname" value="OpenPNE君" size="30" />
</td>
</tr><tr>
<th>ロングネーム <strong>※</strong></th>
<td>
<input type="text" class="input_text" name="profile[longname]" value="" size="60" />
<p class="caution">長い名前を入力してください。</p>
</td>
</tr><tr>
<th>生まれた年 <strong>※</strong></th>
<td>
<table><tr><td>
<input type="text" class="input_text" name="birth_year" value="" size="10" maxlength="4" />年
</td><td class="publicSelector">
<select name="public_flag_birth_year">
<option label="全員に公開" value="public">全員に公開</option>
<option label="マイフレンドまで公開" value="friend">マイフレンドまで公開</option>
<option label="公開しない" value="private" selected="selected">公開しない</option>
</select>
</td></tr></table>
</td>
</tr><tr>
<th>誕生日 <strong>※</strong></th>
<td>
<select name="birth_month">
<option value="0" selected="selected">--</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
</select>月
<select name="birth_day">
<option value="0" selected="selected">--</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
<option value="24">24</option>
<option value="25">25</option>
<option value="26">26</option>
<option value="27">27</option>
<option value="28">28</option>
<option value="29">29</option>
<option value="30">30</option>
<option value="31">31</option>
</select>日
</td>
</tr><tr>
<th>性別</th>
<td>
<select name="profile[sex]">
<option value="" selected="selected">選択してください</option>
<option value="1">男性</option>
<option value="2">女性</option>
</select>
</td>
</tr><tr>
<th>血液型</th>
<td>
<table><tr><td>
<select name="profile[blood_type]">
<option value="" selected="selected">選択してください</option>
<option value="3">A</option>
<option value="4">B</option>
<option value="5">O</option>
<option value="6">AB</option>
</select>
</td><td class="publicSelector">
<select name="public_flag[blood_type]">
<option value="public" selected="selected">全員に公開</option>
<option value="friend">マイフレンドまで公開</option>
<option value="private">公開しない</option>
</select>
</td></tr></table>
</td>
</tr><tr>
<th>現住所</th>
<td>
<table><tr><td>
<div class="checkList"><ul>
<li><input type="radio" class="input_radio" name="profile[pre_addr_pref]" id="profile-pre_addr_pref-7" value="7" /><label for="profile-pre_addr_pref-7">北海道</label></li>
<li><input type="radio" class="input_radio" name="profile[pre_addr_pref]" id="profile-pre_addr_pref-8" value="8" /><label for="profile-pre_addr_pref-8">青森県</label></li>
<li><input type="radio" class="input_radio" name="profile[pre_addr_pref]" id="profile-pre_addr_pref-9" value="9" /><label for="profile-pre_addr_pref-9">岩手県</label></li>
</ul><ul>
<li><input type="radio" class="input_radio" name="profile[pre_addr_pref]" id="profile-pre_addr_pref-10" value="10" /><label for="profile-pre_addr_pref-10">宮城県</label></li>
<li><input type="radio" class="input_radio" name="profile[pre_addr_pref]" id="profile-pre_addr_pref-11" value="11" /><label for="profile-pre_addr_pref-11">秋田県</label></li>
<li><input type="radio" class="input_radio" name="profile[pre_addr_pref]" id="profile-pre_addr_pref-12" value="12" /><label for="profile-pre_addr_pref-12">山形県</label></li>
</ul><ul>
<li><input type="radio" class="input_radio" name="profile[pre_addr_pref]" id="profile-pre_addr_pref-13" value="13" /><label for="profile-pre_addr_pref-13">福島県</label></li>
<li><input type="radio" class="input_radio" name="profile[pre_addr_pref]" id="profile-pre_addr_pref-14" value="14" /><label for="profile-pre_addr_pref-14">茨城県</label></li>
<li><input type="radio" class="input_radio" name="profile[pre_addr_pref]" id="profile-pre_addr_pref-15" value="15" /><label for="profile-pre_addr_pref-15">栃木県</label></li>
</ul><ul>
<li><input type="radio" class="input_radio" name="profile[pre_addr_pref]" id="profile-pre_addr_pref-16" value="16" /><label for="profile-pre_addr_pref-16">群馬県</label></li>
<li><input type="radio" class="input_radio" name="profile[pre_addr_pref]" id="profile-pre_addr_pref-17" value="17" /><label for="profile-pre_addr_pref-17">埼玉県</label></li>
<li><input type="radio" class="input_radio" name="profile[pre_addr_pref]" id="profile-pre_addr_pref-18" value="18" /><label for="profile-pre_addr_pref-18">千葉県</label></li>
</ul><ul>
<li><input type="radio" class="input_radio" name="profile[pre_addr_pref]" id="profile-pre_addr_pref-19" value="19" /><label for="profile-pre_addr_pref-19">東京都</label></li>
<li><input type="radio" class="input_radio" name="profile[pre_addr_pref]" id="profile-pre_addr_pref-20" value="20" /><label for="profile-pre_addr_pref-20">神奈川県</label></li>
<li><input type="radio" class="input_radio" name="profile[pre_addr_pref]" id="profile-pre_addr_pref-21" value="21" /><label for="profile-pre_addr_pref-21">新潟県</label></li>
</ul><ul>
<li><input type="radio" class="input_radio" name="profile[pre_addr_pref]" id="profile-pre_addr_pref-22" value="22" /><label for="profile-pre_addr_pref-22">富山県</label></li>
<li><input type="radio" class="input_radio" name="profile[pre_addr_pref]" id="profile-pre_addr_pref-23" value="23" /><label for="profile-pre_addr_pref-23">石川県</label></li>
<li><input type="radio" class="input_radio" name="profile[pre_addr_pref]" id="profile-pre_addr_pref-24" value="24" /><label for="profile-pre_addr_pref-24">福井県</label></li>
</ul><ul>
<li><input type="radio" class="input_radio" name="profile[pre_addr_pref]" id="profile-pre_addr_pref-25" value="25" /><label for="profile-pre_addr_pref-25">山梨県</label></li>
<li><input type="radio" class="input_radio" name="profile[pre_addr_pref]" id="profile-pre_addr_pref-26" value="26" /><label for="profile-pre_addr_pref-26">長野県</label></li>
<li><input type="radio" class="input_radio" name="profile[pre_addr_pref]" id="profile-pre_addr_pref-27" value="27" /><label for="profile-pre_addr_pref-27">岐阜県</label></li>
</ul><ul>
<li><input type="radio" class="input_radio" name="profile[pre_addr_pref]" id="profile-pre_addr_pref-28" value="28" /><label for="profile-pre_addr_pref-28">静岡県</label></li>
<li><input type="radio" class="input_radio" name="profile[pre_addr_pref]" id="profile-pre_addr_pref-29" value="29" /><label for="profile-pre_addr_pref-29">愛知県</label></li>
<li><input type="radio" class="input_radio" name="profile[pre_addr_pref]" id="profile-pre_addr_pref-30" value="30" /><label for="profile-pre_addr_pref-30">三重県</label></li>
</ul><ul>
<li><input type="radio" class="input_radio" name="profile[pre_addr_pref]" id="profile-pre_addr_pref-31" value="31" /><label for="profile-pre_addr_pref-31">滋賀県</label></li>
<li><input type="radio" class="input_radio" name="profile[pre_addr_pref]" id="profile-pre_addr_pref-32" value="32" /><label for="profile-pre_addr_pref-32">京都府</label></li>
<li><input type="radio" class="input_radio" name="profile[pre_addr_pref]" id="profile-pre_addr_pref-33" value="33" /><label for="profile-pre_addr_pref-33">大阪府</label></li>
</ul><ul>
<li><input type="radio" class="input_radio" name="profile[pre_addr_pref]" id="profile-pre_addr_pref-34" value="34" /><label for="profile-pre_addr_pref-34">兵庫県</label></li>
<li><input type="radio" class="input_radio" name="profile[pre_addr_pref]" id="profile-pre_addr_pref-35" value="35" /><label for="profile-pre_addr_pref-35">奈良県</label></li>
<li><input type="radio" class="input_radio" name="profile[pre_addr_pref]" id="profile-pre_addr_pref-36" value="36" /><label for="profile-pre_addr_pref-36">和歌山県</label></li>
</ul><ul>
<li><input type="radio" class="input_radio" name="profile[pre_addr_pref]" id="profile-pre_addr_pref-37" value="37" /><label for="profile-pre_addr_pref-37">鳥取県</label></li>
<li><input type="radio" class="input_radio" name="profile[pre_addr_pref]" id="profile-pre_addr_pref-38" value="38" /><label for="profile-pre_addr_pref-38">島根県</label></li>
<li><input type="radio" class="input_radio" name="profile[pre_addr_pref]" id="profile-pre_addr_pref-39" value="39" /><label for="profile-pre_addr_pref-39">岡山県</label></li>
</ul><ul>
<li><input type="radio" class="input_radio" name="profile[pre_addr_pref]" id="profile-pre_addr_pref-40" value="40" /><label for="profile-pre_addr_pref-40">広島県</label></li>
<li><input type="radio" class="input_radio" name="profile[pre_addr_pref]" id="profile-pre_addr_pref-41" value="41" /><label for="profile-pre_addr_pref-41">山口県</label></li>
<li><input type="radio" class="input_radio" name="profile[pre_addr_pref]" id="profile-pre_addr_pref-42" value="42" /><label for="profile-pre_addr_pref-42">徳島県</label></li>
</ul><ul>
<li><input type="radio" class="input_radio" name="profile[pre_addr_pref]" id="profile-pre_addr_pref-43" value="43" /><label for="profile-pre_addr_pref-43">香川県</label></li>
<li><input type="radio" class="input_radio" name="profile[pre_addr_pref]" id="profile-pre_addr_pref-44" value="44" /><label for="profile-pre_addr_pref-44">愛媛県</label></li>
<li><input type="radio" class="input_radio" name="profile[pre_addr_pref]" id="profile-pre_addr_pref-45" value="45" /><label for="profile-pre_addr_pref-45">高知県</label></li>
</ul><ul>
<li><input type="radio" class="input_radio" name="profile[pre_addr_pref]" id="profile-pre_addr_pref-46" value="46" /><label for="profile-pre_addr_pref-46">福岡県</label></li>
<li><input type="radio" class="input_radio" name="profile[pre_addr_pref]" id="profile-pre_addr_pref-47" value="47" /><label for="profile-pre_addr_pref-47">佐賀県</label></li>
<li><input type="radio" class="input_radio" name="profile[pre_addr_pref]" id="profile-pre_addr_pref-48" value="48" /><label for="profile-pre_addr_pref-48">長崎県</label></li>
</ul><ul>
<li><input type="radio" class="input_radio" name="profile[pre_addr_pref]" id="profile-pre_addr_pref-49" value="49" /><label for="profile-pre_addr_pref-49">熊本県</label></li>
<li><input type="radio" class="input_radio" name="profile[pre_addr_pref]" id="profile-pre_addr_pref-50" value="50" /><label for="profile-pre_addr_pref-50">大分県</label></li>
<li><input type="radio" class="input_radio" name="profile[pre_addr_pref]" id="profile-pre_addr_pref-51" value="51" /><label for="profile-pre_addr_pref-51">宮崎県</label></li>
</ul><ul>
<li><input type="radio" class="input_radio" name="profile[pre_addr_pref]" id="profile-pre_addr_pref-52" value="52" /><label for="profile-pre_addr_pref-52">鹿児島県</label></li>
<li><input type="radio" class="input_radio" name="profile[pre_addr_pref]" id="profile-pre_addr_pref-53" value="53" /><label for="profile-pre_addr_pref-53">沖縄県</label></li>
</ul></div>
</td><td class="publicSelector">
<select name="public_flag[pre_addr_pref]">
<option value="public" selected="selected">全員に公開</option>
<option value="friend">マイフレンドまで公開</option>
<option value="private">公開しない</option>
</select>
</td></tr></table>
</td>
</tr><tr>
<th>出身地</th>
<td>
<table><tr><td>
<div class="checkList"><ul>
<li><input type="checkbox" class="input_checkbox" name="profile[old_addr_pref][]" id="profile-old_addr_pref-55" value="55" /><label for="profile-old_addr_pref-55">北海道</label></li>
<li><input type="checkbox" class="input_checkbox" name="profile[old_addr_pref][]" id="profile-old_addr_pref-56" value="56" /><label for="profile-old_addr_pref-56">青森県</label></li>
<li><input type="checkbox" class="input_checkbox" name="profile[old_addr_pref][]" id="profile-old_addr_pref-57" value="57" /><label for="profile-old_addr_pref-57">岩手県</label></li>
</ul><ul>
<li><input type="checkbox" class="input_checkbox" name="profile[old_addr_pref][]" id="profile-old_addr_pref-58" value="58" /><label for="profile-old_addr_pref-58">宮城県</label></li>
<li><input type="checkbox" class="input_checkbox" name="profile[old_addr_pref][]" id="profile-old_addr_pref-59" value="59" /><label for="profile-old_addr_pref-59">秋田県</label></li>
<li><input type="checkbox" class="input_checkbox" name="profile[old_addr_pref][]" id="profile-old_addr_pref-60" value="60" /><label for="profile-old_addr_pref-60">山形県</label></li>
</ul><ul>
<li><input type="checkbox" class="input_checkbox" name="profile[old_addr_pref][]" id="profile-old_addr_pref-61" value="61" /><label for="profile-old_addr_pref-61">福島県</label></li>
<li><input type="checkbox" class="input_checkbox" name="profile[old_addr_pref][]" id="profile-old_addr_pref-62" value="62" /><label for="profile-old_addr_pref-62">茨城県</label></li>
<li><input type="checkbox" class="input_checkbox" name="profile[old_addr_pref][]" id="profile-old_addr_pref-63" value="63" /><label for="profile-old_addr_pref-63">栃木県</label></li>
</ul><ul>
<li><input type="checkbox" class="input_checkbox" name="profile[old_addr_pref][]" id="profile-old_addr_pref-64" value="64" /><label for="profile-old_addr_pref-64">群馬県</label></li>
<li><input type="checkbox" class="input_checkbox" name="profile[old_addr_pref][]" id="profile-old_addr_pref-65" value="65" /><label for="profile-old_addr_pref-65">埼玉県</label></li>
<li><input type="checkbox" class="input_checkbox" name="profile[old_addr_pref][]" id="profile-old_addr_pref-66" value="66" /><label for="profile-old_addr_pref-66">千葉県</label></li>
</ul><ul>
<li><input type="checkbox" class="input_checkbox" name="profile[old_addr_pref][]" id="profile-old_addr_pref-67" value="67" /><label for="profile-old_addr_pref-67">東京都</label></li>
<li><input type="checkbox" class="input_checkbox" name="profile[old_addr_pref][]" id="profile-old_addr_pref-68" value="68" /><label for="profile-old_addr_pref-68">神奈川県</label></li>
<li><input type="checkbox" class="input_checkbox" name="profile[old_addr_pref][]" id="profile-old_addr_pref-69" value="69" /><label for="profile-old_addr_pref-69">新潟県</label></li>
</ul><ul>
<li><input type="checkbox" class="input_checkbox" name="profile[old_addr_pref][]" id="profile-old_addr_pref-70" value="70" /><label for="profile-old_addr_pref-70">富山県</label></li>
<li><input type="checkbox" class="input_checkbox" name="profile[old_addr_pref][]" id="profile-old_addr_pref-71" value="71" /><label for="profile-old_addr_pref-71">石川県</label></li>
<li><input type="checkbox" class="input_checkbox" name="profile[old_addr_pref][]" id="profile-old_addr_pref-72" value="72" /><label for="profile-old_addr_pref-72">福井県</label></li>
</ul><ul>
<li><input type="checkbox" class="input_checkbox" name="profile[old_addr_pref][]" id="profile-old_addr_pref-73" value="73" /><label for="profile-old_addr_pref-73">山梨県</label></li>
<li><input type="checkbox" class="input_checkbox" name="profile[old_addr_pref][]" id="profile-old_addr_pref-74" value="74" /><label for="profile-old_addr_pref-74">長野県</label></li>
<li><input type="checkbox" class="input_checkbox" name="profile[old_addr_pref][]" id="profile-old_addr_pref-75" value="75" /><label for="profile-old_addr_pref-75">岐阜県</label></li>
</ul><ul>
<li><input type="checkbox" class="input_checkbox" name="profile[old_addr_pref][]" id="profile-old_addr_pref-76" value="76" /><label for="profile-old_addr_pref-76">静岡県</label></li>
<li><input type="checkbox" class="input_checkbox" name="profile[old_addr_pref][]" id="profile-old_addr_pref-77" value="77" /><label for="profile-old_addr_pref-77">愛知県</label></li>
<li><input type="checkbox" class="input_checkbox" name="profile[old_addr_pref][]" id="profile-old_addr_pref-78" value="78" /><label for="profile-old_addr_pref-78">三重県</label></li>
</ul><ul>
<li><input type="checkbox" class="input_checkbox" name="profile[old_addr_pref][]" id="profile-old_addr_pref-79" value="79" /><label for="profile-old_addr_pref-79">滋賀県</label></li>
<li><input type="checkbox" class="input_checkbox" name="profile[old_addr_pref][]" id="profile-old_addr_pref-80" value="80" /><label for="profile-old_addr_pref-80">京都府</label></li>
<li><input type="checkbox" class="input_checkbox" name="profile[old_addr_pref][]" id="profile-old_addr_pref-81" value="81" /><label for="profile-old_addr_pref-81">大阪府</label></li>
</ul><ul>
<li><input type="checkbox" class="input_checkbox" name="profile[old_addr_pref][]" id="profile-old_addr_pref-82" value="82" /><label for="profile-old_addr_pref-82">兵庫県</label></li>
<li><input type="checkbox" class="input_checkbox" name="profile[old_addr_pref][]" id="profile-old_addr_pref-83" value="83" /><label for="profile-old_addr_pref-83">奈良県</label></li>
<li><input type="checkbox" class="input_checkbox" name="profile[old_addr_pref][]" id="profile-old_addr_pref-84" value="84" /><label for="profile-old_addr_pref-84">和歌山県</label></li>
</ul><ul>
<li><input type="checkbox" class="input_checkbox" name="profile[old_addr_pref][]" id="profile-old_addr_pref-85" value="85" /><label for="profile-old_addr_pref-85">鳥取県</label></li>
<li><input type="checkbox" class="input_checkbox" name="profile[old_addr_pref][]" id="profile-old_addr_pref-86" value="86" /><label for="profile-old_addr_pref-86">島根県</label></li>
<li><input type="checkbox" class="input_checkbox" name="profile[old_addr_pref][]" id="profile-old_addr_pref-87" value="87" /><label for="profile-old_addr_pref-87">岡山県</label></li>
</ul><ul>
<li><input type="checkbox" class="input_checkbox" name="profile[old_addr_pref][]" id="profile-old_addr_pref-88" value="88" /><label for="profile-old_addr_pref-88">広島県</label></li>
<li><input type="checkbox" class="input_checkbox" name="profile[old_addr_pref][]" id="profile-old_addr_pref-89" value="89" /><label for="profile-old_addr_pref-89">山口県</label></li>
<li><input type="checkbox" class="input_checkbox" name="profile[old_addr_pref][]" id="profile-old_addr_pref-90" value="90" /><label for="profile-old_addr_pref-90">徳島県</label></li>
</ul><ul>
<li><input type="checkbox" class="input_checkbox" name="profile[old_addr_pref][]" id="profile-old_addr_pref-91" value="91" /><label for="profile-old_addr_pref-91">香川県</label></li>
<li><input type="checkbox" class="input_checkbox" name="profile[old_addr_pref][]" id="profile-old_addr_pref-92" value="92" /><label for="profile-old_addr_pref-92">愛媛県</label></li>
<li><input type="checkbox" class="input_checkbox" name="profile[old_addr_pref][]" id="profile-old_addr_pref-93" value="93" /><label for="profile-old_addr_pref-93">高知県</label></li>
</ul><ul>
<li><input type="checkbox" class="input_checkbox" name="profile[old_addr_pref][]" id="profile-old_addr_pref-94" value="94" /><label for="profile-old_addr_pref-94">福岡県</label></li>
<li><input type="checkbox" class="input_checkbox" name="profile[old_addr_pref][]" id="profile-old_addr_pref-95" value="95" /><label for="profile-old_addr_pref-95">佐賀県</label></li>
<li><input type="checkbox" class="input_checkbox" name="profile[old_addr_pref][]" id="profile-old_addr_pref-96" value="96" /><label for="profile-old_addr_pref-96">長崎県</label></li>
</ul><ul>
<li><input type="checkbox" class="input_checkbox" name="profile[old_addr_pref][]" id="profile-old_addr_pref-97" value="97" /><label for="profile-old_addr_pref-97">熊本県</label></li>
<li><input type="checkbox" class="input_checkbox" name="profile[old_addr_pref][]" id="profile-old_addr_pref-98" value="98" /><label for="profile-old_addr_pref-98">大分県</label></li>
<li><input type="checkbox" class="input_checkbox" name="profile[old_addr_pref][]" id="profile-old_addr_pref-99" value="99" /><label for="profile-old_addr_pref-99">宮崎県</label></li>
</ul><ul>
<li><input type="checkbox" class="input_checkbox" name="profile[old_addr_pref][]" id="profile-old_addr_pref-100" value="100" /><label for="profile-old_addr_pref-100">鹿児島県</label></li>
<li><input type="checkbox" class="input_checkbox" name="profile[old_addr_pref][]" id="profile-old_addr_pref-101" value="101" /><label for="profile-old_addr_pref-101">沖縄県</label></li>
</ul></div>
</td><td class="publicSelector">
<select name="public_flag[old_addr_pref]">
<option value="public" selected="selected">全員に公開</option>
<option value="friend">マイフレンドまで公開</option>
<option value="private">公開しない</option>
</select>
</td></tr></table>
</td>
</tr><tr>
<th>自己紹介</th>
<td>
<textarea name="profile[self_intro]" rows="6" cols="50"></textarea>
</td>
</tr></table>
<div class="operation">
<ul class="moreInfo button">
<li><input type="submit" class="input_submit" value=" 変 更 " /></li>
</ul>
</div>
</fieldset>
</form>
</div></div>

関連情報