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

• Newer
• Older

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

• 2008-05-14 (水) 17:10
• Form
• Form | 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>

西暦(1990～2000)のセレクトメニュー

PLAIN TEXT

HTML:

1. <select name="YYYY">
2.   <option value="2000">2000</option>
3.   <option value="1999">1999</option>
4.   <option value="1998">1998</option>
5.   <option value="1997">1997</option>
6.   <option value="1996">1996</option>
7.   <option value="1995">1995</option>
8.   <option value="1994">1994</option>
9.   <option value="1993">1993</option>
10.   <option value="1992">1992</option>
11.   <option value="1991">1991</option>
12.   <option value="1990">1990</option>
13.   <option value="1989">1989</option>
14.   <option value="1988">1988</option>
15.   <option value="1987">1987</option>
16.   <option value="1986">1986</option>
17.   <option value="1985">1985</option>
18.   <option value="1984">1984</option>
19.   <option value="1983">1983</option>
20.   <option value="1982">1982</option>
21.   <option value="1981">1981</option>
22.   <option value="1980">1980</option>
23.   <option value="1982">1982</option>
24.   <option value="1981">1981</option>
25.   <option value="1980">1980</option>
26.   <option value="1979">1979</option>
27.   <option value="1978">1978</option>
28.   <option value="1977">1977</option>
29.   <option value="1976">1976</option>
30.   <option value="1975">1975</option>
31.   <option value="1974">1974</option>
32.   <option value="1973">1973</option>
33.   <option value="1972">1972</option>
34.   <option value="1971">1971</option>
35.   <option value="1970">1970</option>
36.   <option value="1969">1969</option>
37.   <option value="1968">1968</option>
38.   <option value="1967">1967</option>
39.   <option value="1966">1966</option>
40.   <option value="1965">1965</option>
41.   <option value="1964">1964</option>
42.   <option value="1963">1963</option>
43.   <option value="1962">1962</option>
44.   <option value="1961">1961</option>
45.   <option value="1960">1960</option>
46.   <option value="1959">1959</option>
47.   <option value="1958">1958</option>
48.   <option value="1957">1957</option>
49.   <option value="1956">1956</option>
50.   <option value="1955">1955</option>
51.   <option value="1954">1954</option>
52.   <option value="1953">1953</option>
53.   <option value="1952">1952</option>
54.   <option value="1951">1951</option>
55.   <option value="1950">1950</option>
56.   <option value="1949">1949</option>
57.   <option value="1948">1948</option>
58.   <option value="1947">1947</option>
59.   <option value="1946">1946</option>
60.   <option value="1945">1945</option>
61.   <option value="1944">1944</option>
62.   <option value="1943">1943</option>
63.   <option value="1942">1942</option>
64.   <option value="1941">1941</option>
65.   <option value="1940">1940</option>
66.   <option value="1939">1939</option>
67.   <option value="1938">1938</option>
68.   <option value="1937">1937</option>
69.   <option value="1936">1936</option>
70.   <option value="1935">1935</option>
71.   <option value="1934">1934</option>
72.   <option value="1933">1933</option>
73.   <option value="1932">1932</option>
74.   <option value="1931">1931</option>
75.   <option value="1930">1930</option>
76.   <option value="1929">1929</option>
77.   <option value="1928">1928</option>
78.   <option value="1927">1927</option>
79.   <option value="1926">1926</option>
80.   <option value="1925">1925</option>
81.   <option value="1924">1924</option>
82.   <option value="1923">1923</option>
83.   <option value="1922">1922</option>
84.   <option value="1921">1921</option>
85.   <option value="1920">1920</option>
86.   <option value="1919">1919</option>
87.   <option value="1918">1918</option>
88.   <option value="1917">1917</option>
89.   <option value="1916">1916</option>
90.   <option value="1915">1915</option>
91.   <option value="1914">1914</option>
92.   <option value="1913">1913</option>
93.   <option value="1912">1912</option>
94.   <option value="1911">1911</option>
95.   <option value="1910">1910</option>
96.   <option value="1909">1909</option>
97.   <option value="1908">1908</option>
98.   <option value="1907">1907</option>
99.   <option value="1906">1906</option>
100.   <option value="1905">1905</option>
101.   <option value="1904">1904</option>
102.   <option value="1903">1903</option>
103.   <option value="1902">1902</option>
104.   <option value="1901">1901</option>
105.   <option value="1900">1900</option>
106. </select>

西暦(2000～2050)のセレクトメニュー

PLAIN TEXT

HTML:

1. <select name="YYYY">
2.   <option value="2050">2050</option>
3.   <option value="2049">2049</option>
4.   <option value="2048">2048</option>
5.   <option value="2047">2047</option>
6.   <option value="2046">2046</option>
7.   <option value="2045">2045</option>
8.   <option value="2044">2044</option>
9.   <option value="2043">2043</option>
10.   <option value="2042">2042</option>
11.   <option value="2041">2041</option>
12.   <option value="2040">2040</option>
13.   <option value="2039">2039</option>
14.   <option value="2038">2038</option>
15.   <option value="2037">2037</option>
16.   <option value="2036">2036</option>
17.   <option value="2035">2035</option>
18.   <option value="2034">2034</option>
19.   <option value="2033">2033</option>
20.   <option value="2032">2032</option>
21.   <option value="2031">2031</option>
22.   <option value="2030">2030</option>
23.   <option value="2029">2029</option>
24.   <option value="2028">2028</option>
25.   <option value="2027">2027</option>
26.   <option value="2026">2026</option>
27.   <option value="2025">2025</option>
28.   <option value="2024">2024</option>
29.   <option value="2023">2023</option>
30.   <option value="2022">2022</option>
31.   <option value="2021">2021</option>
32.   <option value="2020">2020</option>
33.   <option value="2019">2019</option>
34.   <option value="2018">2018</option>
35.   <option value="2017">2017</option>
36.   <option value="2016">2016</option>
37.   <option value="2015">2015</option>
38.   <option value="2014">2014</option>
39.   <option value="2013">2013</option>
40.   <option value="2012">2012</option>
41.   <option value="2011">2011</option>
42.   <option value="2010">2010</option>
43.   <option value="2009">2009</option>
44.   <option value="2008">2008</option>
45.   <option value="2007">2007</option>
46.   <option value="2006">2006</option>
47.   <option value="2005">2005</option>
48.   <option value="2004">2004</option>
49.   <option value="2003">2003</option>
50.   <option value="2002">2002</option>
51.   <option value="2001">2001</option>
52.   <option value="2000">2000</option>
53. </select>

99～00（降順）までのセレクトメニュー

PLAIN TEXT

HTML:

1. <select name="num">
2.   <option value="99">99</option>
3.   <option value="98">98</option>
4.   <option value="97">97</option>
5.   <option value="96">96</option>
6.   <option value="95">95</option>
7.   <option value="94">94</option>
8.   <option value="93">93</option>
9.   <option value="92">92</option>
10.   <option value="91">91</option>
11.   <option value="90">90</option>
12.   <option value="89">89</option>
13.   <option value="88">88</option>
14.   <option value="87">87</option>
15.   <option value="86">86</option>
16.   <option value="85">85</option>
17.   <option value="84">84</option>
18.   <option value="83">83</option>
19.   <option value="82">82</option>
20.   <option value="81">81</option>
21.   <option value="80">80</option>
22.   <option value="82">82</option>
23.   <option value="81">81</option>
24.   <option value="80">80</option>
25.   <option value="79">79</option>
26.   <option value="78">78</option>
27.   <option value="77">77</option>
28.   <option value="76">76</option>
29.   <option value="75">75</option>
30.   <option value="74">74</option>
31.   <option value="73">73</option>
32.   <option value="72">72</option>
33.   <option value="71">71</option>
34.   <option value="70">70</option>
35.   <option value="69">69</option>
36.   <option value="68">68</option>
37.   <option value="67">67</option>
38.   <option value="66">66</option>
39.   <option value="65">65</option>
40.   <option value="64">64</option>
41.   <option value="63">63</option>
42.   <option value="62">62</option>
43.   <option value="61">61</option>
44.   <option value="60">60</option>
45.   <option value="59">59</option>
46.   <option value="58">58</option>
47.   <option value="57">57</option>
48.   <option value="56">56</option>
49.   <option value="55">55</option>
50.   <option value="54">54</option>
51.   <option value="53">53</option>
52.   <option value="52">52</option>
53.   <option value="51">51</option>
54.   <option value="50">50</option>
55.   <option value="49">49</option>
56.   <option value="48">48</option>
57.   <option value="47">47</option>
58.   <option value="46">46</option>
59.   <option value="45">45</option>
60.   <option value="44">44</option>
61.   <option value="43">43</option>
62.   <option value="42">42</option>
63.   <option value="41">41</option>
64.   <option value="40">40</option>
65.   <option value="39">39</option>
66.   <option value="38">38</option>
67.   <option value="37">37</option>
68.   <option value="36">36</option>
69.   <option value="35">35</option>
70.   <option value="34">34</option>
71.   <option value="33">33</option>
72.   <option value="32">32</option>
73.   <option value="31">31</option>
74.   <option value="30">30</option>
75.   <option value="29">29</option>
76.   <option value="28">28</option>
77.   <option value="27">27</option>
78.   <option value="26">26</option>
79.   <option value="25">25</option>
80.   <option value="24">24</option>
81.   <option value="23">23</option>
82.   <option value="22">22</option>
83.   <option value="21">21</option>
84.   <option value="20">20</option>
85.   <option value="19">19</option>
86.   <option value="18">18</option>
87.   <option value="17">17</option>
88.   <option value="16">16</option>
89.   <option value="15">15</option>
90.   <option value="14">14</option>
91.   <option value="13">13</option>
92.   <option value="12">12</option>
93.   <option value="11">11</option>
94.   <option value="10">10</option>
95.   <option value="09">09</option>
96.   <option value="08">08</option>
97.   <option value="07">07</option>
98.   <option value="06">06</option>
99.   <option value="05">05</option>
100.   <option value="04">04</option>
101.   <option value="03">03</option>
102.   <option value="02">02</option>
103.   <option value="01">01</option>
104.   <option value="00">00</option>
105. </select>

0～99（昇順）までのセレクトメニュー

PLAIN TEXT

HTML:

1. <select name="num">
2. <option value="0">0</option>
3. <option value="1">1</option>
4. <option value="2">2</option>
5. <option value="3">3</option>
6. <option value="4">4</option>
7. <option value="5">5</option>
8. <option value="6">6</option>
9. <option value="7">7</option>
10. <option value="8">8</option>
11. <option value="9">9</option>
12. <option value="10">10</option>
13. <option value="11">11</option>
14. <option value="12">12</option>
15. <option value="13">13</option>
16. <option value="14">14</option>
17. <option value="15">15</option>
18. <option value="16">16</option>
19. <option value="17">17</option>
20. <option value="18">18</option>
21. <option value="19">19</option>
22. <option value="20">20</option>
23. <option value="21">21</option>
24. <option value="22">22</option>
25. <option value="23">23</option>
26. <option value="24">24</option>
27. <option value="25">25</option>
28. <option value="26">26</option>
29. <option value="27">27</option>
30. <option value="28">28</option>
31. <option value="29">29</option>
32. <option value="30">30</option>
33. <option value="31">31</option>
34. <option value="32">32</option>
35. <option value="33">33</option>
36. <option value="34">34</option>
37. <option value="35">35</option>
38. <option value="36">36</option>
39. <option value="37">37</option>
40. <option value="38">38</option>
41. <option value="39">39</option>
42. <option value="40">40</option>
43. <option value="41">41</option>
44. <option value="42">42</option>
45. <option value="43">43</option>
46. <option value="44">44</option>
47. <option value="45">45</option>
48. <option value="46">46</option>
49. <option value="47">47</option>
50. <option value="48">48</option>
51. <option value="49">49</option>
52. <option value="50">50</option>
53. <option value="51">51</option>
54. <option value="52">52</option>
55. <option value="53">53</option>
56. <option value="54">54</option>
57. <option value="55">55</option>
58. <option value="56">56</option>
59. <option value="57">57</option>
60. <option value="58">58</option>
61. <option value="59">59</option>
62. <option value="60">60</option>
63. <option value="61">61</option>
64. <option value="62">62</option>
65. <option value="63">63</option>
66. <option value="64">64</option>
67. <option value="65">65</option>
68. <option value="66">66</option>
69. <option value="67">67</option>
70. <option value="68">68</option>
71. <option value="69">69</option>
72. <option value="70">70</option>
73. <option value="71">71</option>
74. <option value="72">72</option>
75. <option value="73">73</option>
76. <option value="74">74</option>
77. <option value="75">75</option>
78. <option value="76">76</option>
79. <option value="77">77</option>
80. <option value="78">78</option>
81. <option value="79">79</option>
82. <option value="80">80</option>
83. <option value="81">81</option>
84. <option value="82">82</option>
85. <option value="83">83</option>
86. <option value="84">84</option>
87. <option value="85">85</option>
88. <option value="86">86</option>
89. <option value="87">87</option>
90. <option value="88">88</option>
91. <option value="89">89</option>
92. <option value="90">90</option>
93. <option value="91">91</option>
94. <option value="92">92</option>
95. <option value="93">93</option>
96. <option value="94">94</option>
97. <option value="95">95</option>
98. <option value="96">96</option>
99. <option value="97">97</option>
100. <option value="98">98</option>
101. <option value="99">99</option>
102. </select>

99～1までのセレクトメニュー

PLAIN TEXT

HTML:

1. <select name="num">
2. <option value="100">100</option>
3. <option value="99">99</option>
4. <option value="98">98</option>
5. <option value="97">97</option>
6. <option value="96">96</option>
7. <option value="95">95</option>
8. <option value="94">94</option>
9. <option value="93">93</option>
10. <option value="92">92</option>
11. <option value="91">91</option>
12. <option value="90">90</option>
13. <option value="89">89</option>
14. <option value="88">88</option>
15. <option value="87">87</option>
16. <option value="86">86</option>
17. <option value="85">85</option>
18. <option value="84">84</option>
19. <option value="83">83</option>
20. <option value="82">82</option>
21. <option value="81">81</option>
22. <option value="80">80</option>
23. <option value="79">79</option>
24. <option value="78">78</option>
25. <option value="77">77</option>
26. <option value="76">76</option>
27. <option value="75">75</option>
28. <option value="74">74</option>
29. <option value="73">73</option>
30. <option value="72">72</option>
31. <option value="71">71</option>
32. <option value="70">70</option>
33. <option value="69">69</option>
34. <option value="68">68</option>
35. <option value="67">67</option>
36. <option value="66">66</option>
37. <option value="65">65</option>
38. <option value="64">64</option>
39. <option value="63">63</option>
40. <option value="62">62</option>
41. <option value="61">61</option>
42. <option value="60">60</option>
43. <option value="59">59</option>
44. <option value="58">58</option>
45. <option value="57">57</option>
46. <option value="56">56</option>
47. <option value="55">55</option>
48. <option value="54">54</option>
49. <option value="53">53</option>
50. <option value="52">52</option>
51. <option value="51">51</option>
52. <option value="50">50</option>
53. <option value="49">49</option>
54. <option value="48">48</option>
55. <option value="47">47</option>
56. <option value="46">46</option>
57. <option value="45">45</option>
58. <option value="44">44</option>
59. <option value="43">43</option>
60. <option value="42">42</option>
61. <option value="41">41</option>
62. <option value="40">40</option>
63. <option value="39">39</option>
64. <option value="38">38</option>
65. <option value="37">37</option>
66. <option value="36">36</option>
67. <option value="35">35</option>
68. <option value="34">34</option>
69. <option value="33">33</option>
70. <option value="32">32</option>
71. <option value="31">31</option>
72. <option value="30">30</option>
73. <option value="29">29</option>
74. <option value="28">28</option>
75. <option value="27">27</option>
76. <option value="26">26</option>
77. <option value="25">25</option>
78. <option value="24">24</option>
79. <option value="23">23</option>
80. <option value="22">22</option>
81. <option value="21">21</option>
82. <option value="20">20</option>
83. <option value="19">19</option>
84. <option value="18">18</option>
85. <option value="17">17</option>
86. <option value="16">16</option>
87. <option value="15">15</option>
88. <option value="14">14</option>
89. <option value="13">13</option>
90. <option value="12">12</option>
91. <option value="11">11</option>
92. <option value="10">10</option>
93. <option value="9">9</option>
94. <option value="8">8</option>
95. <option value="7">7</option>
96. <option value="6">6</option>
97. <option value="5">5</option>
98. <option value="4">4</option>
99. <option value="3">3</option>
100. <option value="2">2</option>
101. <option value="1">1</option>
102. </select>

補足

西暦は正規表現置換で別の年代にすることが出来ます。
※Dreamewaverの例
検索：<option value="19([\d]{2})">19[\d]{2}</option>
置換：<option value="20$1">20$1</option>

数字の羅列になるようなセレクトメニューはPHPで書くと早いです。

PLAIN TEXT

PHP:

1. <select name="num">
2. <?php //降順
3.     for($i=100;$i>0;$i--){
4.         echo "<option value=\"".$i."\">".$i."</option>\n";
5.     }
6. ?>
7. </select>
8. <select name="num">
9. <?php //昇順
10.     for($i=0;$i>100;$i++){
11.         echo "<option value=\"".$i."\">".$i."</option>\n";
12.     }
13. ?>
14. </select>

• Tags:
• Form , XHTML

関連記事

• [XHTML]コピペ用セレクトメニュー（テキスト編）
• Tableless Contact Form sample02
• [MooTools] Form.Validator.addAllThese for Japanese
• [css] フォームのボタンをスタイルシートで画像ボタンに変更する
• [js] 文字列を縦書きに変換する

• Newer: [XHTML]コピペ用セレクトメニュー（テキスト編）
• Older: [XHTML]応募フォームっぽい入力項目のメールフォーム

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

Search

WebTecNote内の検索

Scripts

• NewsLister
• ZeroMail
• Calendarizm
• SlimBBS
• Writing Speed Counter
• GoogleMaps 座標検索
• mooTyping
• WP-MakuPuppet
• CMS比較用リンク

カテゴリー

• CSS (29)
• Custom (8)
• Dojo (1)
• GoogleMap (23)
• HTML&XHTML (9)
• Information (18)
• Javascript (36)
• jQuery (6)
• Material (9)
• Memo (48)
• MooTools (60)
  • Tutorial (6)
• Perl (1)
• PHP (36)
  • CakePHP (2)
  • OOPでBBS (7)
  • Zend Framework (4)
• Template (29)
  • 4BOX (8)
  • 5BOX (5)
  • 6BOX (4)
  • Form (5)
  • Menu (1)
  • Web Site (6)
• wordpress (49)
  • plugin (8)
  • Reference (7)
  • Themes Making (3)

Recent Reactions

• [WP]wordpressをインストール先とは別のディレクトリをホームURLにする
  • 2011-01-19 Wordpress エラー原因 | Fresh Weblog
• [CSS] Flashを背景にする
  • 2011-01-19 背景にも動きを！Flashを背景にする方法 | ブクマ！
• [JS]サムネイルにマウスオーバーしたら画像を切り替える
  • 2011-01-19 yutaro
  • 2011-01-19 yutaro
  • 2011-01-18 Tenderfeel

最近の投稿

• Xserverから他社へのドメイン移管手続き
• [MooTools] Chainについて
• MooTools基礎文法最速マスター
• [HTML] パンくずリンクについてのまとめと考察
• [Google Analytics] 3年分のブラウザシェア推移を出してみた

最近の修正

• 10/12/03
  [Ajax] Google AJAX Feed APIでRSSを表示する 配布ファイルのバージョンアップ
• 10/11/08
  [Ajax] Google AJAX Feed APIでRSSを表示する ダウンロードファイル変更
• 10/07/20
  Google Maps API V3 基本的な使用方法と設定についてのまとめ でテンプレートをダウンロード出来るようにした
  [wordpress&jQuery] IE6 No More pluginをIE9の為に地味にパージョンUP
• 10/05/31
  [MooTools] 診断テスト作成スクリプト Diagnosizm ver1.3
• 10/05/18
  [WP]TinyMCEのビジュアルリッチエディタにカスタムボタンを追加する にセレクトメニューのサンプルソース追加
• 10/05/14
  Dreamweaverの正規表現置換サンプルと解説 を加筆修正
• 10/05/11
  [MooTools] 診断テスト作成スクリプト Diagnosizm ver1.2
• 10/04/13
  [MooTools] 診断テスト作成スクリプト Diagnosizm をバージョンアップ

Twitter!

• そしてこの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

• ホームページビルダー
• 擬似クラス
• 楽天
• 1Column
• 2BOX
• 2ch
• 2column
• 2Helvs
• 3column
• 5BOX
• Actionscript
• Ajax
• Animation
• AntiSpam
• API
• apple
• Aptana
• Aqua
• ASCII
• Assets
• AutoExternalLink
• background
• backup
• BETA
• Blog Status
• breadcrumb
• Bubble
• bug
• Button
• calendar
• Calendarizm
• canvas
• Center
• Chain
• Chrome
• Class
• Click Event
• CMS
• ColorMeShopPro
• ContactForm
• Control
• Cookie
• CSS
• CSS3
• CSV
• Custom
• date()
• Demo
• Dojo
• domain
• Download
• Dreamweaver
• dropdown
• Dummy Text
• Effect
• Elastic
• Error
• Filter
• filter.html
• FireFox
• Fixed
• Flash
• Floating
• foglio
• Form
• free material
• free script
• Function Reference
• Fx.Morph
• Fx.Scroll
• Fx.Slide
• Fx.Tween
• gettext
• get_posts
• GMarker
• Go-To-Top
• Google
• GoogleChart
• GoogleEarth
• GoogleMap
• GoogleSearch
• Hack
• Halves
• Highlight
• Horizontal
• HTML&XHTML
• HTML5
• HTML5API
• Icon
• IE
• illustrator
• infowindow
• iphone
• Javascript
• jQuery
• jQuery.plugin
• KML
• LeftMenu
• liquid
• ListMenu
• Localization
• login-system
• Magpie RSS
• Mobile
• mooFollow
• MooTools
• mooTyping
• number format()
• OnlineGame
• OOP
• OpenPNE
• Pagenation
• pdf
• permalink
• Photoshop
• PHP
• ping
• plugin
• poedit
• Polyline
• prototype.js
• Regular Expression
• RightMenu
• rollover
• RPC
• RSS
• Safari
• Sample
• script.aculo.us
• scrollbar
• selection
• selectors
• SEO
• session
• Shortcode
• Sidebar Widgets
• slimbbs
• Smarty
• SmoothScroll
• strtotime()
• Symphony-CMS
• Tableless
• Tab Menu
• Tar
• Template
• Template Engine
• Template Tags
• time()
• TinyMCE
• token
• Tooltip
• Transparent
• Tutorial
• Tutoriarl
• Valid
• Validator
• vertical-align
• Web Browser
• Web Site
• Wiki
• window.open
• wordpress
• wp-custom
• wp-function
• wp-plugin
• wp-themes
• xampp
• XHTML
• XML
• Xserver
• YUI
• Zend Framework
• Zend_Form
• Zend_View
• zeromail

おすすめサーバー・他

メタ情報

• Valid XHTML
• ログイン