<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="例：最先端アプリのプログラマー募集"> </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> <!-- 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> <option value="">クリエイティブ系(Web)</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> </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="">募集背景(日本語)</label> <div class="col-md-4"> <input class="form-control input-md" 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> <!-- 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="">基礎会話レベル</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">英語レベル</label> <div class="col-md-4"> <select name="selectbasic" class="form-control" id="selectbasic"> <option value="">なし</option> <option value="">基礎会話レベル</option> <option value="">日常会話レベル</option> <option value="">ビジネス会話レベル</option> <option value="">流暢</option> <option value="">ネイティブ</option> </select> </div> </div> <!-- Multiple Radios --> <div class="form-group"> <label class="col-md-4 control-label" for="radios">最終学歴</label> <div class="col-md-4"> <div class="radio"> <label for="radios-0"> <input name="radios" id="radios-0" type="radio" checked="checked" value=""> 大学 </label> </div> <div class="radio"> <label for="radios-1"> <input name="radios" id="radios-1" type="radio" value=""> 高等学校 </label> </div> <div class="radio"> <label for="radios-2"> <input name="radios" id="radios-2" type="radio" value=""> 高等専門学校 </label> </div> <div class="radio"> <label for="radios-3"> <input name="radios" id="radios-3" type="radio" value=""> 専門学校・短大 </label> </div> <div class="radio"> <label for="radios-4"> <input name="radios" id="radios-4" type="radio" value=""> 大学院 </label> </div> <div class="radio"> <label for="radios-5"> <input name="radios" id="radios-5" type="radio" value=""> その他学校 </label> </div> <div class="radio"> <label for="radios-6"> <input name="radios" id="radios-6" type="radio" value=""> 大学校 </label> </div> <div class="radio"> <label for="radios-7"> <input name="radios" id="radios-7" type="radio" value=""> 中退を含む </label> </div> </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">例：TOEICスコア350点以上 </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">例：C言語の習得 </textarea> </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> <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 Multiple --> <div class="form-group"> <label class="col-md-4 control-label" for="selectmultiple">求人に関する条件</label> <div class="col-md-4"> <select name="selectmultiple" class="form-control" id="selectmultiple" multiple="multiple"> <option value="">急募求人</option> <option value="">未経験可</option> <option value="">転勤なし</option> <option value="">学歴不問</option> <option value="">服装自由</option> <option value="">語学を活かす</option> <option value="">採用枠5名以上</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">300万円</option> <option value="2">350万円</option> <option value="">400万円</option> <option value="">450万円</option> <option value="">500万円</option> <option value="">550万円</option> <option value="">600万円</option> <option value="">650万円</option> <option value="">700万円</option> <option value="">750万円</option> <option value="">800万円</option> <option value="">850万円</option> <option value="">900万円</option> <option value="">950万円</option> <option value="">1000万円</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> <!-- 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> <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="">・アメリカ領サモア</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="">【か行】</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="">・コソボ</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="">・セネガル</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="">・南極大陸</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="">・ブラジル</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="">・ミクロネシア</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> </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="">イギリス・ロンドン</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="">タイ・バンコク</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> <!-- 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>