"企業側9:企業ページ"
Bootstrap 3.3.0 Snippet by Yutayamamoto

<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <form class="form-horizontal"> <fieldset> <!-- Form Name --> <legend>企業ページ </legend> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="textinput">会社名(日本語)</label> <div class="col-md-4"> <input name="textinput" class="form-control input-md" id="textinput" type="text" placeholder="例:Zenshin株式会社 "> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="textinput">会社名(英語)</label> <div class="col-md-4"> <input name="textinput" class="form-control input-md" id="textinput" type="text" placeholder=""> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="textinput">キャッチコピー(日本語)</label> <div class="col-md-4"> <input name="textinput" class="form-control input-md" id="textinput" type="text" placeholder="例:コンピュータで世界を幸せに。"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="textinput">キャッチコピー(英語)</label> <div class="col-md-4"> <input name="textinput" class="form-control input-md" id="textinput" type="text" placeholder=""> </div> </div> <!-- File Button --> <div class="form-group"> <label class="col-md-4 control-label" for="filebutton">メイン画像</label> <div class="col-md-4"> <input name="filebutton" class="input-file" id="filebutton" type="file"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="textinput">理念など(日本語)</label> <div class="col-md-4"> <input name="textinput" class="form-control input-md" id="textinput" type="text" placeholder=""> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="textinput">理念など(英語)</label> <div class="col-md-4"> <input name="textinput" class="form-control input-md" id="textinput" type="text" placeholder=""> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="textinput">記事タイトル(日本語)</label> <div class="col-md-4"> <input name="textinput" class="form-control input-md" id="textinput" type="text" placeholder=""> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="textinput">記事タイトル(英語)</label> <div class="col-md-4"> <input name="textinput" class="form-control input-md" id="textinput" type="text" placeholder=""> </div> </div> <!-- Textarea --> <div class="form-group"> <label class="col-md-4 control-label" for="textarea">記事(日本語)</label> <div class="col-md-4"> <textarea name="textarea" class="form-control" id="textarea"></textarea> </div> </div> <!-- Textarea --> <div class="form-group"> <label class="col-md-4 control-label" for="textarea">記事(英語)</label> <div class="col-md-4"> <textarea name="textarea" class="form-control" id="textarea"></textarea> </div> </div> <!-- File Button --> <div class="form-group"> <label class="col-md-4 control-label" for="filebutton">画像</label> <div class="col-md-4"> <input name="filebutton" class="input-file" id="filebutton" type="file"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="textinput">画像の説明文(日本語)</label> <div class="col-md-4"> <input name="textinput" class="form-control input-md" id="textinput" type="text" placeholder=""> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="textinput">画像の説明文(英語)</label> <div class="col-md-4"> <input name="textinput" class="form-control input-md" id="textinput" type="text" placeholder=""> </div> </div> <!-- Select Basic --> <div class="form-group"> <label class="col-md-4 control-label" for="selectbasic">業界1</label> <div class="col-md-4"> <select name="selectbasic" class="form-control" id="selectbasic"> <option value="1">業界1</option> <option value="2"><IT・通信・インターネット系></option> <option value="">システムインテグレータ</option> <option value="">通信</option> <option value="">インターネット関連</option> <option value="">モバイル関連</option> <option value="">ITコンサルティング</option> <option value="">ソフトウェア</option> <option value="">その他IT・通信・インターネット系</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> <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> <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="">プライベートエクイティ・VC</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> </div> </div> <!-- Select Basic --> <div class="form-group"> <label class="col-md-4 control-label" for="selectbasic">業界2</label> <div class="col-md-4"> <select name="selectbasic" class="form-control" id="selectbasic"> <option value="1">業界2</option> <option value="2"><IT・通信・インターネット系></option> <option value="">システムインテグレータ</option> <option value="">通信</option> <option value="">インターネット関連</option> <option value="">モバイル関連</option> <option value="">ITコンサルティング</option> <option value="">ソフトウェア</option> <option value="">その他IT・通信・インターネット系</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> <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> <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="">プライベートエクイティ・VC</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> </div> </div> <!-- Select Basic --> <div class="form-group"> <label class="col-md-4 control-label" for="selectbasic">業界3</label> <div class="col-md-4"> <select name="selectbasic" class="form-control" id="selectbasic"> <option value="1">業界3</option> <option value="2"><IT・通信・インターネット系></option> <option value="">システムインテグレータ</option> <option value="">通信</option> <option value="">インターネット関連</option> <option value="">モバイル関連</option> <option value="">ITコンサルティング</option> <option value="">ソフトウェア</option> <option value="">その他IT・通信・インターネット系</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> <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> <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="">プライベートエクイティ・VC</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> </div> </div> <!-- Multiple Checkboxes --> <div class="form-group"> <label class="col-md-4 control-label" for="checkboxes">企業の特徴</label> <div class="col-md-4"> <div class="checkbox"> <label for="checkboxes-0"> <input name="checkboxes" id="checkboxes-0" type="checkbox" value="1"> 外資系 </label> </div> <div class="checkbox"> <label for="checkboxes-1"> <input name="checkboxes" id="checkboxes-1" type="checkbox" value="2"> 上場 </label> </div> <div class="checkbox"> <label for="checkboxes-2"> <input name="checkboxes" id="checkboxes-2" type="checkbox" value=""> 上場を目指す </label> </div> <div class="checkbox"> <label for="checkboxes-3"> <input name="checkboxes" id="checkboxes-3" type="checkbox" value=""> 平均年齢20代 </label> </div> <div class="checkbox"> <label for="checkboxes-4"> <input name="checkboxes" id="checkboxes-4" type="checkbox" value=""> 自社サービス製品あり </label> </div> <div class="checkbox"> <label for="checkboxes-5"> <input name="checkboxes" id="checkboxes-5" type="checkbox" value=""> シェアトップクラス </label> </div> <div class="checkbox"> <label for="checkboxes-6"> <input name="checkboxes" id="checkboxes-6" type="checkbox" value=""> グローバルに活動 </label> </div> <div class="checkbox"> <label for="checkboxes-7"> <input name="checkboxes" id="checkboxes-7" type="checkbox" value=""> 残業少なめ </label> </div> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="textinput">資本金</label> <div class="col-md-4"> <input name="textinput" class="form-control input-md" id="textinput" type="text" placeholder="例:1000万"> </div> </div> <!-- Select Basic --> <div class="form-group"> <label class="col-md-4 control-label" for="selectbasic">年1</label> <div class="col-md-4"> <select name="selectbasic" class="form-control" id="selectbasic"> <option value="1">選択</option> <option value="2">2000</option> <option value="">2001</option> <option value="">2002</option> <option value="">2003</option> <option value="">2004</option> <option value="">2005</option> <option value="">2006</option> <option value="">2007</option> <option value="">2008</option> <option value="">2009</option> <option value="">2010</option> <option value="">2011</option> <option value="">2012</option> <option value="">2013</option> <option value="">2014</option> <option value="">2015</option> <option value="">2016</option> </select> </div> </div> <!-- Select Basic --> <div class="form-group"> <label class="col-md-4 control-label" for="selectbasic">月期1</label> <div class="col-md-4"> <select name="selectbasic" class="form-control" id="selectbasic"> <option value="1">選択</option> <option value="2">1</option> <option value="">2</option> <option value="">3</option> <option value="">4</option> <option value="">5</option> <option value="">6</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> </select> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="textinput">売上高1</label> <div class="col-md-4"> <input name="textinput" class="form-control input-md" id="textinput" type="text" placeholder="例:100万"> </div> </div> <!-- Select Basic --> <div class="form-group"> <label class="col-md-4 control-label" for="selectbasic">年2</label> <div class="col-md-4"> <select name="selectbasic" class="form-control" id="selectbasic"> <option value="1">選択</option> <option value="2">2000</option> <option value="">2001</option> <option value="">2002</option> <option value="">2003</option> <option value="">2004</option> <option value="">2005</option> <option value="">2006</option> <option value="">2007</option> <option value="">2008</option> <option value="">2009</option> <option value="">2010</option> <option value="">2011</option> <option value="">2012</option> <option value="">2013</option> <option value="">2014</option> <option value="">2015</option> <option value="">2016</option> </select> </div> </div> <!-- Select Basic --> <div class="form-group"> <label class="col-md-4 control-label" for="selectbasic">月期2</label> <div class="col-md-4"> <select name="selectbasic" class="form-control" id="selectbasic"> <option value="1">選択</option> <option value="2">1</option> <option value="">2</option> <option value="">3</option> <option value="">4</option> <option value="">5</option> <option value="">6</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> </select> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="textinput">売上高2</label> <div class="col-md-4"> <input name="textinput" class="form-control input-md" id="textinput" type="text" placeholder="例:100万"> </div> </div> <!-- Select Basic --> <div class="form-group"> <label class="col-md-4 control-label" for="selectbasic">年3</label> <div class="col-md-4"> <select name="selectbasic" class="form-control" id="selectbasic"> <option value="1">選択</option> <option value="2">2000</option> <option value="">2001</option> <option value="">2002</option> <option value="">2003</option> <option value="">2004</option> <option value="">2005</option> <option value="">2006</option> <option value="">2007</option> <option value="">2008</option> <option value="">2009</option> <option value="">2010</option> <option value="">2011</option> <option value="">2012</option> <option value="">2013</option> <option value="">2014</option> <option value="">2015</option> <option value="">2016</option> </select> </div> </div> <!-- Select Basic --> <div class="form-group"> <label class="col-md-4 control-label" for="selectbasic">月期3</label> <div class="col-md-4"> <select name="selectbasic" class="form-control" id="selectbasic"> <option value="1">選択</option> <option value="2">1</option> <option value="">2</option> <option value="">3</option> <option value="">4</option> <option value="">5</option> <option value="">6</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> </select> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="textinput">売上高3</label> <div class="col-md-4"> <input name="textinput" class="form-control input-md" id="textinput" type="text" placeholder="例:100万"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="textinput">代表者氏名</label> <div class="col-md-4"> <input name="textinput" class="form-control input-md" id="textinput" type="text" placeholder="例:前進 二郎"> </div> </div> <!-- Select Basic --> <div class="form-group"> <label class="col-md-4 control-label" for="selectbasic">設立年月(年)</label> <div class="col-md-4"> <select name="selectbasic" class="form-control" id="selectbasic"> <option value="1">選択</option> <option value="2">1900</option> <option value="">1901</option> <option value="">1902</option> <option value="">1903</option> <option value="">1904</option> <option value="">1905</option> <option value="">1906</option> <option value="">1907</option> <option value="">1908</option> <option value="">1909</option> <option value="">1910</option> <option value="">1911</option> <option value="">1912</option> <option value="">1913</option> <option value="">1914</option> <option value="">1915</option> <option value="">1916</option> <option value="">1917</option> <option value="">1918</option> <option value="">1919</option> <option value="">1920</option> <option value="">1921</option> <option value="">1922</option> <option value="">1923</option> <option value="">1924</option> <option value="">1925</option> <option value="">1926</option> <option value="">1927</option> <option value="">1928</option> <option value="">1929</option> <option value="">1930</option> <option value="">1931</option> <option value="">1932</option> <option value="">1933</option> <option value="">1934</option> <option value="">1935</option> <option value="">1936</option> <option value="">1937</option> <option value="">1938</option> <option value="">1939</option> <option value="">1940</option> <option value="">1941</option> <option value="">1942</option> <option value="">1943</option> <option value="">1944</option> <option value="">1945</option> <option value="">1946</option> <option value="">1947</option> <option value="">1948</option> <option value="">1949</option> <option value="">1950</option> <option value="">1951</option> <option value="">1952</option> <option value="">1953</option> <option value="">1954</option> <option value="">1955</option> <option value="">1956</option> <option value="">1957</option> <option value="">1958</option> <option value="">1959</option> <option value="">1960</option> <option value="">1961</option> <option value="">1962</option> <option value="">1963</option> <option value="">1964</option> <option value="">1965</option> <option value="">1966</option> <option value="">1967</option> <option value="">1968</option> <option value="">1969</option> <option value="">1970</option> <option value="">1971</option> <option value="">1972</option> <option value="">1973</option> <option value="">1974</option> <option value="">1975</option> <option value="">1976</option> <option value="">1977</option> <option value="">1978</option> <option value="">1979</option> <option value="">1980</option> <option value="">1981</option> <option value="">1982</option> <option value="">1983</option> <option value="">1984</option> <option value="">1985</option> <option value="">1986</option> <option value="">1987</option> <option value="">1988</option> <option value="">1989</option> <option value="">1990</option> <option value="">1991</option> <option value="">1992</option> <option value="">1993</option> <option value="">1994</option> <option value="">1995</option> <option value="">1996</option> <option value="">1997</option> <option value="">1998</option> <option value="">1999</option> <option value="">2000</option> <option value="">2001</option> <option value="">2002</option> <option value="">2003</option> <option value="">2004</option> <option value="">2005</option> <option value="">2006</option> <option value="">2007</option> <option value="">2008</option> <option value="">2009</option> <option value="">2010</option> <option value="">2011</option> <option value="">2012</option> <option value="">2013</option> <option value="">2014</option> <option value="">2015</option> </select> </div> </div> <!-- Select Basic --> <div class="form-group"> <label class="col-md-4 control-label" for="selectbasic">設立年月(月)</label> <div class="col-md-4"> <select name="selectbasic" class="form-control" id="selectbasic"> <option value="">選択</option> <option value="">1</option> <option value="">2</option> <option value="">3</option> <option value="">4</option> <option value="">5</option> <option value="">6</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> </select> </div> </div> <!-- Textarea --> <div class="form-group"> <label class="col-md-4 control-label" for="textarea">事業内容(日本語)</label> <div class="col-md-4"> <textarea name="textarea" class="form-control" id="textarea"></textarea> </div> </div> <!-- Textarea --> <div class="form-group"> <label class="col-md-4 control-label" for="textarea">事業内容(英語)</label> <div class="col-md-4"> <textarea name="textarea" class="form-control" id="textarea"></textarea> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="textinput">主要株主</label> <div class="col-md-4"> <input name="textinput" class="form-control input-md" id="textinput" type="text" placeholder="例:前進 花子 "> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="textinput">主要取引先</label> <div class="col-md-4"> <input name="textinput" class="form-control input-md" id="textinput" type="text" placeholder="例:株式会社Zenshin"> </div> </div> <!-- Select Basic --> <div class="form-group"> <label class="col-md-4 control-label" for="selectbasic">従業員数(人)</label> <div class="col-md-4"> <select name="selectbasic" class="form-control" id="selectbasic"> <option value="1">選択</option> <option value="2">10</option> <option value="">30</option> <option value="">50</option> <option value="">100</option> <option value="">300</option> <option value="">500</option> <option value="">1000</option> </select> </div> </div> <!-- Select Basic --> <div class="form-group"> <label class="col-md-4 control-label" for="selectbasic">従業員数(以上・以下)</label> <div class="col-md-4"> <select name="selectbasic" class="form-control" id="selectbasic"> <option value="1">以上</option> <option value="2">以下</option> </select> </div> </div> <!-- Select Basic --> <div class="form-group"> <label class="col-md-4 control-label" for="selectbasic">平均年齢(歳)</label> <div class="col-md-4"> <select name="selectbasic" class="form-control" id="selectbasic"> <option value="1">選択</option> <option value="2">20</option> <option value="">30</option> <option value="">40</option> <option value="">50</option> <option value="">60</option> <option value="">70</option> <option value="">80</option> </select> </div> </div> <!-- Textarea --> <div class="form-group"> <label class="col-md-4 control-label" for="textarea">本社所在地</label> <div class="col-md-4"> <textarea name="textarea" class="form-control" id="textarea"></textarea> </div> </div> <!-- Button --> <div class="form-group"> <label class="col-md-4 control-label" for=""></label> <div class="col-md-4"> <button class="btn btn-primary">一時保存する</button> </div> </div> <!-- Button --> <div class="form-group"> <label class="col-md-4 control-label" for=""></label> <div class="col-md-4"> <button class="btn btn-primary">この内容で申請する</button> </div> </div> </fieldset> </form>

Related: See More


Questions / Comments: