IT Rescue IT関連Tips情報

生年月日、年齢、星座、血液型のプロフィール属性情報取得用HTML断片(selectフォーム)

2012年10月15日HTMLコーディング

生年月日selectフォーム

フォーム例:

ソースは以下です。

<select name="year">
<option value="" selected>年</option>
<option value="1900年">1900年</option>
<option value="1901年">1901年</option>
<option value="1902年">1902年</option>
<option value="1903年">1903年</option>
<option value="1904年">1904年</option>
<option value="1905年">1905年</option>
<option value="1906年">1906年</option>
<option value="1907年">1907年</option>
<option value="1908年">1908年</option>
<option value="1909年">1909年</option>
<option value="1910年">1910年</option>
<option value="1911年">1911年</option>
<option value="1912年">1912年</option>
<option value="1913年">1913年</option>
<option value="1914年">1914年</option>
<option value="1915年">1915年</option>
<option value="1916年">1916年</option>
<option value="1917年">1917年</option>
<option value="1918年">1918年</option>
<option value="1919年">1919年</option>
<option value="1920年">1920年</option>
<option value="1921年">1921年</option>
<option value="1922年">1922年</option>
<option value="1923年">1923年</option>
<option value="1924年">1924年</option>
<option value="1925年">1925年</option>
<option value="1926年">1926年</option>
<option value="1927年">1927年</option>
<option value="1928年">1928年</option>
<option value="1929年">1929年</option>
<option value="1930年">1930年</option>
<option value="1931年">1931年</option>
<option value="1932年">1932年</option>
<option value="1933年">1933年</option>
<option value="1934年">1934年</option>
<option value="1935年">1935年</option>
<option value="1936年">1936年</option>
<option value="1937年">1937年</option>
<option value="1938年">1938年</option>
<option value="1939年">1939年</option>
<option value="1940年">1940年</option>
<option value="1941年">1941年</option>
<option value="1942年">1942年</option>
<option value="1943年">1943年</option>
<option value="1944年">1944年</option>
<option value="1945年">1945年</option>
<option value="1946年">1946年</option>
<option value="1947年">1947年</option>
<option value="1948年">1948年</option>
<option value="1949年">1949年</option>
<option value="1950年">1950年</option>
<option value="1951年">1951年</option>
<option value="1952年">1952年</option>
<option value="1953年">1953年</option>
<option value="1954年">1954年</option>
<option value="1955年">1955年</option>
<option value="1956年">1956年</option>
<option value="1957年">1957年</option>
<option value="1958年">1958年</option>
<option value="1959年">1959年</option>
<option value="1960年">1960年</option>
<option value="1961年">1961年</option>
<option value="1962年">1962年</option>
<option value="1963年">1963年</option>
<option value="1964年">1964年</option>
<option value="1965年">1965年</option>
<option value="1966年">1966年</option>
<option value="1967年">1967年</option>
<option value="1968年">1968年</option>
<option value="1969年">1969年</option>
<option value="1970年">1970年</option>
<option value="1971年">1971年</option>
<option value="1972年">1972年</option>
<option value="1973年">1973年</option>
<option value="1974年">1974年</option>
<option value="1975年">1975年</option>
<option value="1976年">1976年</option>
<option value="1977年">1977年</option>
<option value="1978年">1978年</option>
<option value="1979年">1979年</option>
<option value="1980年">1980年</option>
<option value="1981年">1981年</option>
<option value="1982年">1982年</option>
<option value="1983年">1983年</option>
<option value="1984年">1984年</option>
<option value="1985年">1985年</option>
<option value="1986年">1986年</option>
<option value="1987年">1987年</option>
<option value="1988年">1988年</option>
<option value="1989年">1989年</option>
<option value="1990年">1990年</option>
<option value="1991年">1991年</option>
<option value="1992年">1992年</option>
<option value="1993年">1993年</option>
<option value="1994年">1994年</option>
<option value="1995年">1995年</option>
<option value="1996年">1996年</option>
<option value="1997年">1997年</option>
<option value="1998年">1998年</option>
<option value="1999年">1999年</option>
<option value="2000年">2000年</option>
<option value="2001年">2001年</option>
<option value="2002年">2002年</option>
<option value="2003年">2003年</option>
<option value="2004年">2004年</option>
<option value="2005年">2005年</option>
<option value="2006年">2006年</option>
<option value="2007年">2007年</option>
<option value="2008年">2008年</option>
<option value="2009年">2009年</option>
<option value="2010年">2010年</option>
<option value="2011年">2011年</option>
<option value="2012年">2012年</option>
</select>&nbsp;
<select name="month">
<option value="" 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>&nbsp;
<select name="day">
<option value="" 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>

年齢selectフォーム

フォーム例:

ソースは以下です。

<select name="age">
<option value="" selected>年齢</option>
<option value="0歳">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 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>
<option value="32歳">32歳</option>
<option value="33歳">33歳</option>
<option value="34歳">34歳</option>
<option value="35歳">35歳</option>
<option value="36歳">36歳</option>
<option value="37歳">37歳</option>
<option value="38歳">38歳</option>
<option value="39歳">39歳</option>
<option value="40歳">40歳</option>
<option value="41歳">41歳</option>
<option value="42歳">42歳</option>
<option value="43歳">43歳</option>
<option value="44歳">44歳</option>
<option value="45歳">45歳</option>
<option value="46歳">46歳</option>
<option value="47歳">47歳</option>
<option value="48歳">48歳</option>
<option value="49歳">49歳</option>
<option value="50歳">50歳</option>
<option value="51歳">51歳</option>
<option value="52歳">52歳</option>
<option value="53歳">53歳</option>
<option value="54歳">54歳</option>
<option value="55歳">55歳</option>
<option value="56歳">56歳</option>
<option value="57歳">57歳</option>
<option value="58歳">58歳</option>
<option value="59歳">59歳</option>
<option value="60歳">60歳</option>
<option value="61歳">61歳</option>
<option value="62歳">62歳</option>
<option value="63歳">63歳</option>
<option value="64歳">64歳</option>
<option value="65歳">65歳</option>
<option value="66歳">66歳</option>
<option value="67歳">67歳</option>
<option value="68歳">68歳</option>
<option value="69歳">69歳</option>
<option value="70歳">70歳</option>
<option value="71歳">71歳</option>
<option value="72歳">72歳</option>
<option value="73歳">73歳</option>
<option value="74歳">74歳</option>
<option value="75歳">75歳</option>
<option value="76歳">76歳</option>
<option value="77歳">77歳</option>
<option value="78歳">78歳</option>
<option value="79歳">79歳</option>
<option value="80歳">80歳</option>
<option value="81歳">81歳</option>
<option value="82歳">82歳</option>
<option value="83歳">83歳</option>
<option value="84歳">84歳</option>
<option value="85歳">85歳</option>
<option value="86歳">86歳</option>
<option value="87歳">87歳</option>
<option value="88歳">88歳</option>
<option value="89歳">89歳</option>
<option value="90歳">90歳</option>
<option value="91歳">91歳</option>
<option value="92歳">92歳</option>
<option value="93歳">93歳</option>
<option value="94歳">94歳</option>
<option value="95歳">95歳</option>
<option value="96歳">96歳</option>
<option value="97歳">97歳</option>
<option value="98歳">98歳</option>
<option value="99歳">99歳</option>
<option value="100歳">100歳</option>
<option value="101歳">101歳</option>
<option value="102歳">102歳</option>
<option value="103歳">103歳</option>
<option value="104歳">104歳</option>
<option value="105歳">105歳</option>
<option value="106歳">106歳</option>
<option value="107歳">107歳</option>
<option value="108歳">108歳</option>
<option value="109歳">109歳</option>
<option value="110歳">110歳</option>
<option value="111歳">111歳</option>
<option value="112歳">112歳</option>
<option value="113歳">113歳</option>
<option value="114歳">114歳</option>
<option value="115歳">115歳</option>
<option value="116歳">116歳</option>
<option value="117歳">117歳</option>
<option value="118歳">118歳</option>
<option value="119歳">119歳</option>
<option value="120歳">120歳</option>
</select>

星座selectフォーム

フォーム例:

ソースは以下です。

<select name="horoscope">
<option value="" selected>星座</option>
<option value="おひつじ座">おひつじ座</option>
<option value="おうし座">おうし座</option>
<option value="ふたご座">ふたご座</option>
<option value="かに座">かに座</option>
<option value="しし座">しし座</option>
<option value="おとめ座">おとめ座</option>
<option value="てんびん座">てんびん座</option>
<option value="さそり座">さそり座</option>
<option value="いて座">いて座</option>
<option value="やぎ座">やぎ座</option>
<option value="みずがめ座">みずがめ座</option>
<option value="うお座">うお座</option>
</select>

血液型selectフォーム

フォーム例:

ソースは以下です。

<select name="blood">
<option value="" selected>血液型</option>
<option value="A型">A型</option>
<option value="B型">B型</option>
<option value="O型">O型</option>
<option value="AB型">AB型</option>
</select>

コメントをどうぞ

免責事項

著作権者の文書による承諾を得ずに、本サイトの内容の一部、全部を無断で複写、複製、転載することは、禁じられています。
また、当ウェブサイト に記載された情報の完全性・正確性に対して一切の保証を与えるものではありません。当ウェブサイトに含まれる情報もしくは内容を利用することで直接・間接的に生じた損失に関し一切責任を負わないものとします。