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

TOC

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

パーツリストに戻る

表示例

source:work/masabon/capture/39.png

マークアップ例

<div class="dparts formTable"><div class="parts">
<div class="partsHeading"><h3>プロフィール変更</h3><p>(<strong>※</strong>の項目は必須です)</p></div>
<form method="post" action="./">
<input type="hidden" value="pc" name="m"/>
<input type="hidden" value="do_h_config_prof" name="a"/>
<input type="hidden" value="456c35fef42fb787ec2bad9f71276fd3" name="sessid"/>
<table>
<tbody><tr>
<th>ニックネーム <strong>※</strong></th>
<td><input type="text" size="30" value="ヤマダ" name="nickname" class="input_text"/></td>
</tr>
<tr>
<th>生まれた年 <strong>※</strong></th>
<td>
<table><tbody><tr><td>
<input type="text" maxlength="4" size="10" value="1985" name="birth_year" class="input_text"/> 年
</td><td class="publicSelector">
<select name="public_flag_birth_year">
<option value="public" label="全員に公開">全員に公開</option>
<option value="friend" label="マイフレンドまで公開">マイフレンドまで公開</option>
<option selected="selected" value="private" label="公開しない">公開しない</option>

</select>
</td></tr></tbody></table>
</td>
</tr>
<tr>
<th>誕生日 <strong>※</strong></th>
<td>
<table><tbody><tr><td>
<select name="birth_month">
<option value="0">--</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option selected="selected" 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">--</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 selected="selected" 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><td class="publicSelector">
<select name="public_flag_birth_month_day">
<option selected="selected" value="public" label="全員に公開">全員に公開</option>
<option value="friend" label="マイフレンドまで公開">マイフレンドまで公開</option>
<option value="private" label="公開しない">公開しない</option>

</select>
</td></tr></tbody></table>
</td>
</tr>

<tr>
<th>性別</th>
<td>

<select name="profile[sex]"><option value="">選択してください</option><option selected="selected" value="1">男性</option><option value="2">女性</option></select>


</td>
</tr>

<tr>
<th>血液型</th>
<td>
<table><tbody><tr><td>
<select name="profile[blood_type]"><option value="">選択してください</option><option value="3">A</option><option selected="selected" 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 selected="selected" value="public">全員に公開</option>
<option value="friend">マイフレンドまで公開</option>
<option value="private">公開しない</option>
</select>
</td></tr></tbody></table>
</td>
</tr>

<tr>
<th>現住所</th>
<td>
<table><tbody><tr><td>
<select name="profile[pre_addr_pref]"><option value="">選択してください</option><option value="7">北海道</option><option value="8">青森県</option><option value="9">岩手県</option><option value="10">宮城県</option><option value="11">秋田県</option><option value="12">山形県</option><option value="13">福島県</option><option value="14">茨城県</option><option value="15">栃木県</option><option value="16">群馬県</option><option value="17">埼玉県</option><option selected="selected" value="18">千葉県</option><option value="19">東京都</option><option value="20">神奈川県</option><option value="21">新潟県</option><option value="22">富山県</option><option value="23">石川県</option><option value="24">福井県</option><option value="25">山梨県</option><option value="26">長野県</option><option value="27">岐阜県</option><option value="28">静岡県</option><option value="29">愛知県</option><option value="30">三重県</option><option value="31">滋賀県</option><option value="32">京都府</option><option value="33">大阪府</option><option value="34">兵庫県</option><option value="35">奈良県</option><option value="36">和歌山県</option><option value="37">鳥取県</option><option value="38">島根県</option><option value="39">岡山県</option><option value="40">広島県</option><option value="41">山口県</option><option value="42">徳島県</option><option value="43">香川県</option><option value="44">愛媛県</option><option value="45">高知県</option><option value="46">福岡県</option><option value="47">佐賀県</option><option value="48">長崎県</option><option value="49">熊本県</option><option value="50">大分県</option><option value="51">宮崎県</option><option value="52">鹿児島県</option><option value="53">沖縄県</option><option value="54">その他</option></select>


</td><td class="publicSelector">
<select name="public_flag[pre_addr_pref]">
<option selected="selected" value="public">全員に公開</option>
<option value="friend">マイフレンドまで公開</option>
<option value="private">公開しない</option>
</select>
</td></tr></tbody></table>
</td>
</tr>

<tr>
<th>出身地</th>
<td>
<table><tbody><tr><td>
<select name="profile[old_addr_pref]"><option value="">選択してください</option><option value="55">北海道</option><option value="56">青森県</option><option value="57">岩手県</option><option value="58">宮城県</option><option value="59">秋田県</option><option value="60">山形県</option><option value="61">福島県</option><option value="62">茨城県</option><option value="63">栃木県</option><option value="64">群馬県</option><option value="65">埼玉県</option><option value="66">千葉県</option><option value="67">東京都</option><option value="68">神奈川県</option><option value="69">新潟県</option><option value="70">富山県</option><option value="71">石川県</option><option value="72">福井県</option><option value="73">山梨県</option><option value="74">長野県</option><option value="75">岐阜県</option><option value="76">静岡県</option><option value="77">愛知県</option><option value="78">三重県</option><option value="79">滋賀県</option><option selected="selected" value="80">京都府</option><option value="81">大阪府</option><option value="82">兵庫県</option><option value="83">奈良県</option><option value="84">和歌山県</option><option value="85">鳥取県</option><option value="86">島根県</option><option value="87">岡山県</option><option value="88">広島県</option><option value="89">山口県</option><option value="90">徳島県</option><option value="91">香川県</option><option value="92">愛媛県</option><option value="93">高知県</option><option value="94">福岡県</option><option value="95">佐賀県</option><option value="96">長崎県</option><option value="97">熊本県</option><option value="98">大分県</option><option value="99">宮崎県</option><option value="100">鹿児島県</option><option value="101">沖縄県</option><option value="102">その他</option></select>


</td><td class="publicSelector">
<select name="public_flag[old_addr_pref]">
<option selected="selected" value="public">全員に公開</option>
<option value="friend">マイフレンドまで公開</option>
<option value="private">公開しない</option>
</select>
</td></tr></tbody></table>
</td>
</tr>

<tr>
<th>自己紹介</th>
<td>

<textarea cols="50" rows="6" name="profile[self_intro]">
</textarea>

</td>
</tr>
</tbody></table>
<div class="operation">
<ul class="moreInfo button">
<li><input type="submit" value="確認画面" class="input_submit" /></li>
</ul>
</div>
</form>
</div></div>

関連情報

Last modified 9 years ago Last modified on Jun 5, 2008, 12:47:53 PM