Home > Template > Form

Form Archive

[XHTML]コピペ用セレクトメニュー（テキスト編）

入力フォームで良く使うセレクトメニューのサンプルソース。
都道府県、質問内容、違反報告内容など。

お届け時間指定

業者によって時間は変わるけど大体こんな感じ。

PLAIN TEXT
HTML:
  1. <select name="time">
  2. <option>希望なし</option>
  3. <option>午前中</option>
  4. <option>12時-14時</option>
  5. <option>14時-16時</option>
  6. <option>16時-18時</option>
  7. <option>18時-20時</option>
  8. <option>20時-21時</option>
  9. </select>

Continue reading

[XHTML]コピペ用フォームパーツ（数字編）

年月日や西暦、商品個数などに使えるセレクトメニューのXHTMLソース。コピペ用です。

月(1～12）のセレクトメニュー

PLAIN TEXT
HTML:
  1. <select name="month">
  2.   <option value="1">1</option>
  3.   <option value="2">2</option>
  4.   <option value="3">3</option>
  5.   <option value="4">4</option>
  6.   <option value="5">5</option>
  7.   <option value="6">6</option>
  8.   <option value="7">7</option>
  9.   <option value="8">8</option>
  10.   <option value="9">9</option>
  11.   <option value="10">10</option>
  12.   <option value="11">11</option>
  13.   <option value="12">12</option>
  14. </select>

9～0のセレクトメニュー

PLAIN TEXT
HTML:
  1. <select name="num">
  2.   <option value="9">9</option>
  3.   <option value="8">8</option>
  4.   <option value="7">7</option>
  5.   <option value="6">6</option>
  6.   <option value="5">5</option>
  7.   <option value="4">4</option>
  8.   <option value="3">3</option>
  9.   <option value="2">2</option>
  10.   <option value="1">1</option>
  11.   <option value="0">0</option>
  12. </select>

Continue reading

[XHTML]応募フォームっぽい入力項目のメールフォーム

求人情報の応募フォームにありそうな入力項目のXHTMLフォームのコピペ用サンプル。

classやIDは一切使ってないのでスニペットとしても使えると思います。
テーブル使用。注釈はsmall。
結構手抜いてます。

PLAIN TEXT
HTML:
  1. <form action="" method="post">
  2. <table cellpadding="0" cellspacing="0" border="1">
  3.     <tr><th scope="row">お名前</th>
  4.     <td><input name="name" type="text" size="50" /><small>（全角）</small></td></tr>
  5.     <tr><th scope="row">ふりがな</th>
  6.     <td><input name="name2" type="text" size="50" /><small>（全角）</small></td></tr>
  7.     <tr><th scope="row">生年月日</th>
  8.     <td><input name="birth" type="text" size="20" /><small>（例：1980/04/01）</small></td></tr>
  9.     <tr><th scope="row">性別</th>
  10.     <td><input name="sex" type="radio" value="男性" />男性
  11.     <input name="sex" type="radio" value="女性" />女性</td></tr>
  12.     <tr><th scope="row">E-Mail</th>
  13.     <td><input name="email" type="text" size="50" /></td></tr>
  14.     <tr><th scope="row">電話番号</th>
  15.     <td><input name="tel" type="text" size="50" /><small>（例：1234-56-7890）</small></td></tr>
  16.     <tr><th scope="row">携帯電話・PHS番号</th>
  17.     <td><input name="tel2" type="text" size="50" /><small>（例：090-1234-5678）</small></td></tr>
  18.     <tr><th scope="row">郵便番号</th>
  19.     <td><input name="postcode" type="text" size="10" /><small>(例：507-0000)</small></td></tr>
  20.     <tr><th scope="row">住所</th>
  21.     <td><input name="address" type="text" size="50" /></td></tr>
  22.     <tr><th scope="row">現在役職の有無</th>
  23.     <td><input name="businesspost" type="radio" value="あり" />あり
  24.     <input name="businesspost" type="radio" value="なし" />なし</td></tr>
  25.     <tr><th scope="row">最終学歴</th>
  26.     <td><input name="schoolcareer" type="text" size="50" /></td></tr>
  27.     <tr><th scope="row">資格</th>
  28.     <td><textarea name="license" cols="70" rows="3"></textarea></td></tr>
  29.     <tr><th scope="row">職務経歴</th>
  30.     <td><textarea name="history" cols="70" rows="10"></textarea></td></tr>
  31.     <tr><th scope="row">自己PR</th>
  32.     <td><textarea name="message" cols="70" rows="10"></textarea></td></tr>
  33.     <tr><th scope="row">入社希望時期</th>
  34.     <td><input name="enter" type="text" size="50" /></td></tr>
  35.     <tr><th scope="row">その他希望条件</th>
  36.     <td><textarea name="other" cols="70" rows="5"></textarea></td></tr>
  37. </table>
  38. <p><button type="submit">送信</button><button type="reset">リセット</button></p></form>

サンプルのCSSは続きにあります。

Continue reading

Tableless Contact Form sample02

テーブルを使わないお問い合わせフォームのサンプル。
シンプルなブルー系。タブっぽいラベル。
Checked(win):IE6,IE7,FireFox2,Opera9,Safari
Mac未確認。

Continue reading

Tableless Contact Form sample01

テーブルを使わないお問い合わせフォームが流行ってると聞いて。
モノトーンでシンプルめ。左に項目、右に入力エリアが並ぶオーソドックスなやつ。
Checked(win):IE6,IE7,FireFox2,Opera9,Safari
Mac未確認。

Continue reading

ホーム > Template > Form

Scripts
カテゴリー
Recent Reactions
最近の投稿
最近の修正
  • そしてこのSQLはわれながらよく書いたと思う 2010-11-15
  • CSVの列っていう方がいいのかな…118項目だった 2010-11-15
  • 楽天のCSVの項目が116個もあった衝撃 2010-11-15
  • オフィスで香水臭振りまくのは迷惑だと知れ 2010-11-15
  • ぐあー　フレグランステロやー 2010-11-15
  • More updates...

Powered by Twitter Tools

Tag Cloud
おすすめサーバー・他

メタ情報

Return to page top