Advertisement
Guest User

Untitled

a guest
Jul 21st, 2016
193
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 45.22 KB | None | 0 0
  1.  
  2.  
  3. <style type="text/css">
  4. .step_visible {
  5. opacity: 1;
  6. overflow:hidden;
  7. visibility: visible;
  8. transition: opacity 1s ease-in-out;
  9. }
  10. .step_hidden{
  11. max-height: 0;
  12. opacity: 0;
  13. overflow:hidden;
  14. visibility:hidden;
  15. transition: opacity 1s ease-in-out;
  16. }
  17. input {
  18. height: 20px;
  19. margin: 5px;
  20. padding: 5px;
  21. font-size: 14px;
  22. border: 1px solid #9569a5;
  23. background: #53335f;
  24. color: white;
  25. }
  26. input#samak
  27. {
  28. background:brown;
  29. color:white;
  30. font-size:30px;
  31. padding:5px;
  32. height: 40px;
  33. border: none;
  34. cursor:pointer;
  35. }
  36. textarea{
  37. background: #53335f;
  38. margin: 5px;
  39. padding: 5px;
  40. font-size: 14px;
  41. border: 1px solid #9569a5;
  42. color: white;
  43. }
  44. </style>
  45.  
  46. <script type="text/javascript">function check(){
  47. var y = document.getElementById('title').value;
  48.  
  49. if(y == "" || y == null)
  50. {
  51. alert('กรุณาเลือกคำนำหน้า');
  52. document.form.title.focus();
  53. return false;
  54. }
  55.  
  56. var x = document.forms["form"]["firstname"].value;
  57. if(x == null || x == "")
  58. {
  59. alert('กรุณากรอกชื่อจริง');
  60. document.form.firstname.focus();
  61. return false;
  62. }
  63. var x1 = document.forms["form"]["lastname"].value;
  64. if(x1 == null || x1 == "")
  65. {
  66. alert('กรุณากรอกนามสกุล');
  67. document.form.lastname.focus();
  68. return false;
  69. }
  70. var x3 = document.forms["form"]["nickname"].value;
  71. if(x3 == null || x3 == "")
  72. {
  73. alert('กรุณากรอกชื่อเล่น');
  74. document.form.nickname.focus();
  75. return false;
  76. }
  77. var x4 = document.forms["form"]["birthday"].value;
  78. if(x4 == null || x4 == "")
  79. {
  80. alert('กรุณากรอก วัน/เดือน/ปีเกิด');
  81. document.form.birthday.focus();
  82. return false;
  83. }
  84. var x5 = document.forms["form"]["address"].value;
  85. if(x5 == null || x5 == "")
  86. {
  87. alert('กรุณากรอกที่อยู่');
  88. document.form.address.focus();
  89. return false;
  90. }
  91.  
  92. var x6 = document.getElementById('province').value;
  93.  
  94. if(x6 == "" || x6 == null)
  95. {
  96. alert('กรุณาเลือกจังหวัด');
  97. document.form.province.focus();
  98. return false;
  99. }
  100. var a1 = document.getElementById('size').value;
  101.  
  102. if(a1 == "" || a1 == null)
  103. {
  104. alert('กรุณาเลือก Size เสื้อ');
  105. document.form.size.focus();
  106. return false;
  107. }
  108.  
  109. var x7 = document.forms["form"]["postcode"].value;
  110. if(x7 == null || x7 == "")
  111. {
  112. alert('กรุณากรอกรหัสไปรษณีย์');
  113. document.form.postcode.focus();
  114. return false;
  115. }
  116.  
  117. var x9 = document.forms["form"]["mobilephone"].value;
  118. if(x9 == null || x9 == "")
  119. {
  120. alert('กรุณากรอกโทรศัพท์มือถือ');
  121. document.form.mobilephone.focus();
  122. return false;
  123. }
  124. var x10 = document.forms["form"]["email"].value;
  125. if(x10 == null || x10 == "")
  126. {
  127. alert('กรุณากรอก E-mail');
  128. document.form.email.focus();
  129. return false;
  130. }
  131. var x10 = document.forms["form"]["facebook"].value;
  132. if(x10 == null || x10 == "")
  133. {
  134. alert('กรุณากรอก Facebook');
  135. document.form.facebook.focus();
  136. return false;
  137. }
  138. var x11 = document.forms["form"]["school"].value;
  139. if(x11 == null || x11 == "")
  140. {
  141. alert('กรุณากรอกโทรศัพท์มือถือ');
  142. document.form.school.focus();
  143. return false;
  144. }
  145. var z = document.getElementById('schoolprovince').value;
  146.  
  147. if(z == "" || z == null)
  148. {
  149. alert('กรุณาเลือกจังหวัดที่ตั้งโรงเรียน');
  150. document.form.schoolprovince.focus();
  151. return false;
  152. }
  153. var x13 = document.forms["form"]["majorschool"].value;
  154. if(x13 == null || x13 == "")
  155. {
  156. alert('กรุณากรอก แผนการเรียน/สาขาวิชา');
  157. document.form.majorschool.focus();
  158. return false;
  159. }
  160. var x14 = document.forms["form"]["gpax"].value;
  161. if(x14 == null || x14 == "")
  162. {
  163. alert('กรุณากรอก ผลการเรียนเฉลี่ย');
  164. document.form.gpax.focus();
  165. return false;
  166. }
  167. var x15 = document.forms["form"]["q1"].value;
  168. if(x15 == null || x15 == "")
  169. {
  170. alert('กรุณากรอก คำถามที่ 1');
  171. document.form.q1.focus();
  172. return false;
  173. }
  174. var x16 = document.forms["form"]["q2"].value;
  175. if(x16 == null || x16 == "")
  176. {
  177. alert('กรุณากรอก คำถามที่ 2');
  178. document.form.q2.focus();
  179. return false;
  180. }
  181. var x17 = document.forms["form"]["q3"].value;
  182. if(x17 == null || x17 == "")
  183. {
  184. alert('กรุณากรอก คำถามที่ 3');
  185. document.form.q3.focus();
  186. return false;
  187. }
  188. var x18 = document.forms["form"]["q4"].value;
  189. if(x18 == null || x18 == "")
  190. {
  191. alert('กรุณากรอก คำถามที่ 4');
  192. document.form.q4.focus();
  193. return false;
  194. }
  195. var x19 = document.forms["form"]["pname"].value;
  196. if(x19 == null || x19 == "")
  197. {
  198. alert('กรุณากรอก ชื่อผู้ปกครองที่ติดต่อได้ในกรณีฉุกเฉิน');
  199. document.form.pname.focus();
  200. return false;
  201. }
  202. var x20 = document.forms["form"]["pphone"].value;
  203. if(x20 == null || x20 == "")
  204. {
  205. alert('กรุณากรอก โทรศัพท์ของผู้ปกครอง');
  206. document.form.pphone.focus();
  207. return false;
  208. }
  209. var x21 = document.forms["form"]["pabout"].value;
  210. if(x21 == null || x21 == "")
  211. {
  212. alert('กรุณากรอก ช่องผู้ปกครองเกี่ยวข้องเป็น');
  213. document.form.pabout.focus();
  214. return false;
  215. }
  216. var z1 = document.getElementById('bloodgroup').value;
  217.  
  218. if(z1 == "" || z1 == null)
  219. {
  220. alert('กรุณาเลือกกรุ๊ปเลือด');
  221. document.form.blood.focus();
  222. return false;
  223. }
  224.  
  225. document.form.submit();
  226.  
  227. }
  228.  
  229.  
  230. function previousStep(id){
  231. hideStep((id+1));
  232. showStep((id));
  233. }
  234.  
  235. function nextStep(id){
  236. hideStep((id-1));
  237. showStep((id));
  238. }
  239.  
  240. function hideStep(id){
  241. document.getElementById('step_'+id).className = 'step_hidden';
  242. }
  243.  
  244. function showStep(id){
  245. document.getElementById('step_'+id).className = 'step_visible';
  246. }
  247.  
  248. </script>
  249.  
  250. <div class ="row">
  251. <div class = "header">
  252. <div class ="container headwidth">
  253.  
  254. <div class ="col_2 tabbar ">
  255. <a href="/">กลับไปหน้าหลัก</a>
  256. </div>
  257.  
  258. <div class ="col_4 tabbar ">
  259. <a href="/registrant">แก้ไขข้อมูล</a>
  260. </div>
  261.  
  262. <div class ="col_6 right tabbar ">
  263. <a href="#register">กดเพื่อเลื่อนไปหน้าจอสมัคร &raquo;</a>
  264. </div>
  265.  
  266. </div>
  267. </div>
  268. </div>
  269.  
  270. <div class = "margin-top ">
  271. <img src ="http://sakuracamptni.com/templates/sakura09/images/header.png" width = "100%" >
  272. </div>
  273.  
  274.  
  275. <a name="register"></a>
  276.  
  277. <!-- BEGIN REGISTRATION FORM -->
  278. <form method="post" action="http://sakuracamptni.com/registration/registerprocess" onsubmit="return check()" enctype="multipart/form-data" name="form" >
  279.  
  280.  
  281.  
  282. <div class="max-width">
  283. <div class="content">
  284. <div class="content-boxing">
  285. <div class="background">
  286.  
  287.  
  288. <!-- STEP 0: AGREEMENT -->
  289. <div id="step_0">
  290. <div class="center">
  291. <b><font size="15px" class="font-header">คุณสมบัติผู้สมัคร</font></b>
  292. <div>
  293. <ol>
  294. <div class="left ">
  295. <font color="white">
  296. <li>ปัจจุบันศึกษาอยู่ในระดับชั้นมัธยมศึกษาปีที่ 6 หรือเทียบเท่า*</li>
  297. <li>ไม่จำกัดแผนการเรียน/สาขาวิชา</li>
  298. <li>มีความต้องการที่จะศึกษาต่อปริญญาตรีที่สถาบันเทคโนโลยีไทย-ญี่ปุ่น</li>
  299. <li>สามารถเข้าร่วมกิจกรรมได้เต็มที่ ไม่ป่วยเป็นโรคติดต่อ หรือ มีโรคประจำตัวที่ไม่สามารถทำกิจกรรมได้</li>
  300. <li>ผู้ปกครองรับทราบและอนุญาติให้เข้าร่วมกิจกรรม</li>
  301. <li>สามารถอยู่ในค่ายตลอดระยะเวลาการเข้าค่าย และต้องปฏิบัติตามกฎค่ายอย่างเคร่งครัด โดยจะไม่อนุญาติให้ออกจากค่ายจนถึงขั้นตอนปิดค่าย ยกเว้นจะได้รับอนุญาตจากผู้รับผิดชอบค่าย</li>
  302. </font>
  303. </div>
  304. </ol>
  305. <font color="white">
  306. <p>
  307. <font size="5px">
  308. </font>
  309. </p>
  310. <div style="letter-spacing: 1px; color:#ecd7f5">
  311. <font size="5px">
  312. *นักเรียนระดับชั้นม.5 ทางสถาบันฯไม่สามารถให้มาเข้าร่วมค่ายได้ เนื่องจากโควตานี้จะทำให้มีสิทธิ์ในการเข้าศึกษาต่อในปีการศึกษา 2559 ซึ่งเป็นสิทธิ์สำหรับนักเรียนระดับชั้นม.6 เท่านั้น หากต้องการเข้าร่วมค่ายน้องๆ สามารถมาเข้าค่ายได้ในปี 2559 ซึ่งตามปกติค่ายนี้จะจัดขึ้นทุกปี
  313. <br>*ค่ายมีการคัดเลือกนะจ๊ะ*<br> **ในกรณีที่น้องกรอกข้อมูลผิดพลาดหรือต้องการแก่้ไขข้อมูล ให้น้องส่ง ชื่อ-นามสกุล และข้อมูลที่ต้องการแก้ไขมาที่ E-mail :sakura9_camp@outlook.com
  314. </font>
  315. </div>
  316. <font size="5px">
  317. </font>
  318. <p></p>
  319. </font>
  320. </div>
  321. </div>
  322. <div class="center">
  323. <div class="button-register center ">
  324. <div class="max-width-register ">
  325. <a class="register">
  326. <p style="font-size: 30px; padding: 5px; cursor:hand;cursor:pointer;" onclick="nextStep(1)">เริ่มสมัครเลย!</p>
  327. </a>
  328. </div>
  329. </div>
  330. </div>
  331. </div><!-- END OF STEP 0 -->
  332.  
  333.  
  334. <!-- STEP 1: Personal Information -->
  335. <div id="step_1" class="step_hidden">
  336. <div class="center">
  337. <b><font size="15px" class="font-header">(ขั้นตอนที่ 1/3) ข้อมูลส่วนตัว</font></b>
  338.  
  339. <div style="padding: 20px;">
  340.  
  341. <div class="left ">
  342. <font color="white">
  343.  
  344. <div class="row">
  345. <div class="col_3">
  346. คำนำหน้า<font color="red">*</font>
  347. </div>
  348. <div class="col_9">
  349. <select name="title" id="title" required>
  350. <option value="" selected="selected" name="title">--เลือกคำนำหน้า--</option>
  351. <option value="นาย" name="title">นาย</option>
  352. <option value="นาง" name="title">นาง</option>
  353. <option value="นางสาว" name="title">นางสาว</option>
  354. </select>
  355. </div>
  356. </div>
  357.  
  358. <div class="row">
  359. <div class="col_3">
  360. ชื่อ<font color="red">*</font>
  361. </div>
  362. <div class="col_9">
  363. <input type="text" name="firstname" placeholder="ณภัทร">
  364. </div>
  365. </div>
  366.  
  367. <div class="row">
  368. <div class="col_3">
  369. นามสกุล<font color="red">*</font>
  370. </div>
  371. <div class="col_9">
  372. <input type="text" name="lastname" placeholder="หล่อมาก">
  373. </div>
  374. </div>
  375.  
  376. <div class="row">
  377. <div class="col_3">
  378. ชื่อเล่น<font color="red">*</font>
  379. </div>
  380. <div class="col_9">
  381. <input type="text" name="nickname" placeholder="พัด" >
  382. </div>
  383. </div>
  384.  
  385. <div class="row">
  386. <div class="col_3">
  387. รูปถ่าย<font color="red">*</font>
  388. </div>
  389. <div class="col_9">
  390. <input type="file" name="fileToUpload" id="fileToUpload" >
  391. <br>รูปถ่ายที่เห็นหน้าน้องชัดเจน เป็น JPG ขนาดไฟล์ไม่เกิน 1 MB
  392. </div>
  393. </div>
  394.  
  395. <div class="row">
  396. <div class="col_3">
  397. วัน/เดือน/ปีเกิด<font color="red">*</font>
  398. </div>
  399. <div class="col_9">
  400. <input type="text" name="birthday" placeholder="19/09/2539" >
  401. </div>
  402. </div>
  403.  
  404. <div class="row">
  405. <div class="col_3">
  406. เชื้อชาติ
  407. </div>
  408. <div class="col_9">
  409. <input type="text" name="origin" placeholder="ไทย">
  410. </div>
  411. </div>
  412.  
  413. <div class="row">
  414. <div class="col_3">
  415. สัญชาติ
  416. </div>
  417. <div class="col_9">
  418. <input type="text" name="nationality" placeholder="เช่น ไทย หรือ ไทย,อเมริกา">
  419. </div>
  420. </div>
  421.  
  422. <div class="row">
  423. <div class="col_3">
  424. ศาสนา
  425. </div>
  426. <div class="col_9">
  427. <input type="text" name="religion" placeholder="พุทธ/คริสต์/อิสลาม/อื่นๆ">
  428. </div>
  429. </div>
  430.  
  431. <div class="row">
  432. <div class="col_3">
  433. หมู่โลหิต<font color="red">*</font>
  434. </div>
  435. <div class="col_9">
  436. <select id="bloodgroup" name="bloodgroup" required>
  437. <option value="" selected="selected" name="bloodgroup">--เลือกกรุ๊ปเลือด--</option>
  438. <option value="A" name="bloodgroup">A</option>
  439. <option value="B" name="bloodgroup">B</option>
  440. <option value="AB" name="bloodgroup">AB</option>
  441. <option value="O" name="bloodgroup">O</option>
  442. </select>
  443. </div>
  444. </div>
  445.  
  446. <div class="row">
  447. <div class="col_3">
  448. โรคประจำตัว
  449. </div>
  450. <div class="col_9">
  451. <input type="text" name="congenitaldisease" placeholder="ลมแดด">
  452. </div>
  453. </div>
  454.  
  455. <div class="row">
  456. <div class="col_3">
  457. ยาประจำตัว
  458. </div>
  459. <div class="col_9">
  460. <input type="text" name="medicine" placeholder="ชื่อยาและปริมาณ เช่น Tyrenol 500mg">
  461. </div>
  462. </div>
  463.  
  464. <div class="row">
  465. <div class="col_3">
  466. ประวัติการแพ้ยา/อาหาร/อื่นๆ
  467. </div>
  468. <div class="col_9">
  469. <input type="text" name="allergy" placeholder="หมู, หมึก, กุ้ง">
  470. </div>
  471. </div>
  472.  
  473. <div class="row">
  474. <div class="col_3">
  475. ขนาดเสื้อ<font color="red">*</font>
  476. </div>
  477. <div class="col_9">
  478. <select name="size" id="size" required>
  479. <option value="" selected="selected" name="size">--เลือก Size เสื้อ--</option>
  480. <option value="s" name="size">S (รอบอก 34)</option>
  481. <option value="m" name="size">M (รอบอก 36)</option>
  482. <option value="l" name="size">L (รอบอก 40)</option>
  483. <option value="xl" name="size">XL (รอบอก 42)</option>
  484. <option value="xxl" name="size">XXL (รอบอก 46)</option>
  485. <option value="other" name="size">อื่นๆ</option>
  486. </select>
  487. <input type="text" name="sizecustom" placeholder=" อื่น ๆ เช่น XXXL รอบอก 60">
  488. </div>
  489. </div>
  490.  
  491.  
  492. </font>
  493. </div>
  494.  
  495. </div>
  496. </div>
  497. <div class="row">
  498. <div class="col_6">
  499. <div class="center">
  500. <div class="button-register center ">
  501. <div class="max-width-register ">
  502. <a class="register">
  503. <p style="font-size: 30px; padding: 5px; cursor:hand;cursor:pointer;" onclick="previousStep(0)">เงื่อนไขการรับสมัคร</p>
  504. </a>
  505. </div>
  506. </div>
  507. </div>
  508. </div>
  509. <div class="col_6">
  510. <div class="center">
  511. <div class="button-register center ">
  512. <div class="max-width-register ">
  513. <a class="register">
  514. <p style="font-size: 30px; padding: 5px; cursor:hand;cursor:pointer;" onclick="nextStep(2)" onsubmit="return check();">ขั้นตอนถัดไป</p>
  515. </a>
  516. </div>
  517. </div>
  518. </div>
  519. </div>
  520. </div>
  521. </div>
  522.  
  523. <!-- STEP 2: Educational Information -->
  524.  
  525. <div id="step_2" class="step_hidden">
  526. <div class="center">
  527. <b><font size="15px" class="font-header">(ขั้นตอนที่ 2/3) ข้อมูลการติดต่อและการศึกษา</font></b>
  528.  
  529. <div style="padding: 20px;">
  530.  
  531. <div class="left ">
  532. <font color="white">
  533.  
  534. <div class="row">
  535. <div class="col_3">
  536. ที่อยู่<font color="red">*</font>
  537. </div>
  538. <div class="col_9">
  539. <textarea name="address" placeholder="1771/1 ถ.พัฒนาการ แขวงสวนหลวง เขตสวนหลวง" rows="5" cols="50" ></textarea>
  540. </div>
  541. </div>
  542.  
  543. <div class="row">
  544. <div class="col_3">
  545. จังหวัด<font color="red">*</font>
  546. </div>
  547. <div class="col_9">
  548. <select name="province" id="province" required>
  549. <option value="" selected="selected">--------- เลือกจังหวัด ---------</option>
  550. <option value="กรุงเทพมหานคร">กรุงเทพมหานคร</option>
  551. <option value="กระบี่">กระบี่ </option>
  552. <option value="กาญจนบุรี">กาญจนบุรี </option>
  553. <option value="กาฬสินธุ์">กาฬสินธุ์ </option>
  554. <option value="กำแพงเพชร">กำแพงเพชร </option>
  555. <option value="ขอนแก่น">ขอนแก่น</option>
  556. <option value="จันทบุรี">จันทบุรี</option>
  557. <option value="ฉะเชิงเทรา">ฉะเชิงเทรา </option>
  558. <option value="ชัยนาท">ชัยนาท </option>
  559. <option value="ชัยภูมิ">ชัยภูมิ </option>
  560. <option value="ชุมพร">ชุมพร </option>
  561. <option value="ชลบุรี">ชลบุรี </option>
  562. <option value="เชียงใหม่">เชียงใหม่ </option>
  563. <option value="เชียงราย">เชียงราย </option>
  564. <option value="ตรัง">ตรัง </option>
  565. <option value="ตราด">ตราด </option>
  566. <option value="ตาก">ตาก </option>
  567. <option value="นครนายก">นครนายก </option>
  568. <option value="นครปฐม">นครปฐม </option>
  569. <option value="นครพนม">นครพนม </option>
  570. <option value="นครราชสีมา">นครราชสีมา </option>
  571. <option value="นครศรีธรรมราช">นครศรีธรรมราช </option>
  572. <option value="นครสวรรค์">นครสวรรค์ </option>
  573. <option value="นราธิวาส">นราธิวาส </option>
  574. <option value="น่าน">น่าน </option>
  575. <option value="นนทบุรี">นนทบุรี </option>
  576. <option value="บึงกาฬ">บึงกาฬ</option>
  577. <option value="บุรีรัมย์">บุรีรัมย์</option>
  578. <option value="ประจวบคีรีขันธ์">ประจวบคีรีขันธ์ </option>
  579. <option value="ปทุมธานี">ปทุมธานี </option>
  580. <option value="ปราจีนบุรี">ปราจีนบุรี </option>
  581. <option value="ปัตตานี">ปัตตานี </option>
  582. <option value="พะเยา">พะเยา </option>
  583. <option value="พระนครศรีอยุธยา">พระนครศรีอยุธยา </option>
  584. <option value="พังงา">พังงา </option>
  585. <option value="พิจิตร">พิจิตร </option>
  586. <option value="พิษณุโลก">พิษณุโลก </option>
  587. <option value="เพชรบุรี">เพชรบุรี </option>
  588. <option value="เพชรบูรณ์">เพชรบูรณ์ </option>
  589. <option value="แพร่">แพร่ </option>
  590. <option value="พัทลุง">พัทลุง </option>
  591. <option value="ภูเก็ต">ภูเก็ต </option>
  592. <option value="มหาสารคาม">มหาสารคาม </option>
  593. <option value="มุกดาหาร">มุกดาหาร </option>
  594. <option value="แม่ฮ่องสอน">แม่ฮ่องสอน </option>
  595. <option value="ยโสธร">ยโสธร </option>
  596. <option value="ยะลา">ยะลา </option>
  597. <option value="ร้อยเอ็ด">ร้อยเอ็ด </option>
  598. <option value="ระนอง">ระนอง </option>
  599. <option value="ระยอง">ระยอง </option>
  600. <option value="ราชบุรี">ราชบุรี</option>
  601. <option value="ลพบุรี">ลพบุรี </option>
  602. <option value="ลำปาง">ลำปาง </option>
  603. <option value="ลำพูน">ลำพูน </option>
  604. <option value="เลย">เลย </option>
  605. <option value="ศรีสะเกษ">ศรีสะเกษ</option>
  606. <option value="สกลนคร">สกลนคร</option>
  607. <option value="สงขลา">สงขลา </option>
  608. <option value="สมุทรสาคร">สมุทรสาคร </option>
  609. <option value="สมุทรปราการ">สมุทรปราการ </option>
  610. <option value="สมุทรสงคราม">สมุทรสงคราม </option>
  611. <option value="สระแก้ว">สระแก้ว </option>
  612. <option value="สระบุรี">สระบุรี </option>
  613. <option value="สิงห์บุรี">สิงห์บุรี </option>
  614. <option value="สุโขทัย">สุโขทัย </option>
  615. <option value="สุพรรณบุรี">สุพรรณบุรี </option>
  616. <option value="สุราษฎร์ธานี">สุราษฎร์ธานี </option>
  617. <option value="สุรินทร์">สุรินทร์ </option>
  618. <option value="สตูล">สตูล </option>
  619. <option value="หนองคาย">หนองคาย </option>
  620. <option value="หนองบัวลำภู">หนองบัวลำภู </option>
  621. <option value="อำนาจเจริญ">อำนาจเจริญ </option>
  622. <option value="อุดรธานี">อุดรธานี </option>
  623. <option value="อุตรดิตถ์">อุตรดิตถ์ </option>
  624. <option value="อุทัยธานี">อุทัยธานี </option>
  625. <option value="อุบลราชธานี">อุบลราชธานี</option>
  626. <option value="อ่างทอง">อ่างทอง </option>
  627. <option value="อื่นๆ">อื่นๆ</option>
  628. </select>
  629.  
  630. </div>
  631. </div>
  632.  
  633. <div class="row">
  634. <div class="col_3">
  635. รหัสไปรษณีย์<font color="red">*</font>
  636. </div>
  637. <div class="col_9">
  638. <input type="text" name="postcode" placeholder="10250" >
  639. </div>
  640. </div>
  641.  
  642. <div class="row">
  643. <div class="col_3">
  644. โทรศัพท์บ้าน
  645. </div>
  646. <div class="col_9">
  647. <input type="text" name="hometel" placeholder="027632600" maxlength="9">
  648. </div>
  649. </div>
  650.  
  651. <div class="row">
  652. <div class="col_3">
  653. โทรศัพท์มือถือ<font color="red">*</font>
  654. </div>
  655. <div class="col_9">
  656. <input type="text" name="mobilephone" placeholder="0812345678" maxlength="10" >
  657. </div>
  658. </div>
  659.  
  660.  
  661. <div class="row">
  662. <div class="col_3">
  663. E-Mail (อีเมล)<font color="red">*</font>
  664. </div>
  665. <div class="col_9">
  666. <input type="text" name="email" placeholder="napat.handsome@gmail.com" >
  667. </div>
  668. </div>
  669.  
  670. <div class="row">
  671. <div class="col_3">
  672. Facebook URL<font color="red">*</font>
  673. </div>
  674. <div class="col_9">
  675. <input type="text" name="facebook" placeholder="https://www.facebook.com/napat.handsome" >
  676. </div>
  677. </div>
  678.  
  679. <p></p>
  680.  
  681. <div class="row">
  682. <div class="col_3">
  683. ปัจจุบันศึกษาอยู่ที่<font color="red">*</font>
  684. </div>
  685. <div class="col_9">
  686. <input type="text" name="school" placeholder="ร.ร.ไทย-ญี่ปุ่น" >
  687. </div>
  688. </div>
  689.  
  690. <div class="row">
  691. <div class="col_3">
  692. จังหวัดที่ตั้งโรงเรียน<font color="red">*</font>
  693. </div>
  694. <div class="col_9">
  695. <select name="schoolprovince" id='schoolprovince' required>
  696. <option value="" selected>--------- เลือกจังหวัด ---------</option>
  697. <option value="กรุงเทพมหานคร">กรุงเทพมหานคร</option>
  698. <option value="กระบี่">กระบี่ </option>
  699. <option value="กาญจนบุรี">กาญจนบุรี </option>
  700. <option value="กาฬสินธุ์">กาฬสินธุ์ </option>
  701. <option value="กำแพงเพชร">กำแพงเพชร </option>
  702. <option value="ขอนแก่น">ขอนแก่น</option>
  703. <option value="จันทบุรี">จันทบุรี</option>
  704. <option value="ฉะเชิงเทรา">ฉะเชิงเทรา </option>
  705. <option value="ชัยนาท">ชัยนาท </option>
  706. <option value="ชัยภูมิ">ชัยภูมิ </option>
  707. <option value="ชุมพร">ชุมพร </option>
  708. <option value="ชลบุรี">ชลบุรี </option>
  709. <option value="เชียงใหม่">เชียงใหม่ </option>
  710. <option value="เชียงราย">เชียงราย </option>
  711. <option value="ตรัง">ตรัง </option>
  712. <option value="ตราด">ตราด </option>
  713. <option value="ตาก">ตาก </option>
  714. <option value="นครนายก">นครนายก </option>
  715. <option value="นครปฐม">นครปฐม </option>
  716. <option value="นครพนม">นครพนม </option>
  717. <option value="นครราชสีมา">นครราชสีมา </option>
  718. <option value="นครศรีธรรมราช">นครศรีธรรมราช </option>
  719. <option value="นครสวรรค์">นครสวรรค์ </option>
  720. <option value="นราธิวาส">นราธิวาส </option>
  721. <option value="น่าน">น่าน </option>
  722. <option value="นนทบุรี">นนทบุรี </option>
  723. <option value="บึงกาฬ">บึงกาฬ</option>
  724. <option value="บุรีรัมย์">บุรีรัมย์</option>
  725. <option value="ประจวบคีรีขันธ์">ประจวบคีรีขันธ์ </option>
  726. <option value="ปทุมธานี">ปทุมธานี </option>
  727. <option value="ปราจีนบุรี">ปราจีนบุรี </option>
  728. <option value="ปัตตานี">ปัตตานี </option>
  729. <option value="พะเยา">พะเยา </option>
  730. <option value="พระนครศรีอยุธยา">พระนครศรีอยุธยา </option>
  731. <option value="พังงา">พังงา </option>
  732. <option value="พิจิตร">พิจิตร </option>
  733. <option value="พิษณุโลก">พิษณุโลก </option>
  734. <option value="เพชรบุรี">เพชรบุรี </option>
  735. <option value="เพชรบูรณ์">เพชรบูรณ์ </option>
  736. <option value="แพร่">แพร่ </option>
  737. <option value="พัทลุง">พัทลุง </option>
  738. <option value="ภูเก็ต">ภูเก็ต </option>
  739. <option value="มหาสารคาม">มหาสารคาม </option>
  740. <option value="มุกดาหาร">มุกดาหาร </option>
  741. <option value="แม่ฮ่องสอน">แม่ฮ่องสอน </option>
  742. <option value="ยโสธร">ยโสธร </option>
  743. <option value="ยะลา">ยะลา </option>
  744. <option value="ร้อยเอ็ด">ร้อยเอ็ด </option>
  745. <option value="ระนอง">ระนอง </option>
  746. <option value="ระยอง">ระยอง </option>
  747. <option value="ราชบุรี">ราชบุรี</option>
  748. <option value="ลพบุรี">ลพบุรี </option>
  749. <option value="ลำปาง">ลำปาง </option>
  750. <option value="ลำพูน">ลำพูน </option>
  751. <option value="เลย">เลย </option>
  752. <option value="ศรีสะเกษ">ศรีสะเกษ</option>
  753. <option value="สกลนคร">สกลนคร</option>
  754. <option value="สงขลา">สงขลา </option>
  755. <option value="สมุทรสาคร">สมุทรสาคร </option>
  756. <option value="สมุทรปราการ">สมุทรปราการ </option>
  757. <option value="สมุทรสงคราม">สมุทรสงคราม </option>
  758. <option value="สระแก้ว">สระแก้ว </option>
  759. <option value="สระบุรี">สระบุรี </option>
  760. <option value="สิงห์บุรี">สิงห์บุรี </option>
  761. <option value="สุโขทัย">สุโขทัย </option>
  762. <option value="สุพรรณบุรี">สุพรรณบุรี </option>
  763. <option value="สุราษฎร์ธานี">สุราษฎร์ธานี </option>
  764. <option value="สุรินทร์">สุรินทร์ </option>
  765. <option value="สตูล">สตูล </option>
  766. <option value="หนองคาย">หนองคาย </option>
  767. <option value="หนองบัวลำภู">หนองบัวลำภู </option>
  768. <option value="อำนาจเจริญ">อำนาจเจริญ </option>
  769. <option value="อุดรธานี">อุดรธานี </option>
  770. <option value="อุตรดิตถ์">อุตรดิตถ์ </option>
  771. <option value="อุทัยธานี">อุทัยธานี </option>
  772. <option value="อุบลราชธานี">อุบลราชธานี</option>
  773. <option value="อ่างทอง">อ่างทอง </option>
  774. <option value="อื่นๆ">อื่นๆ</option>
  775. </select>
  776. </div>
  777. </div>
  778.  
  779. <div class="row">
  780. <div class="col_3">
  781. แผนกการเรียน/สาขาวิชา<font color="red">*</font>
  782. </div>
  783. <div class="col_9">
  784. <input type="text" name="majorschool" placeholder="วิทย์-คณิต" >
  785. </div>
  786. </div>
  787.  
  788. <div class="row">
  789. <div class="col_3">
  790. ผลการเรียนเฉลี่ย<font color="red">*</font>
  791. </div>
  792. <div class="col_9">
  793. <input type="text" name="gpax" placeholder="3.20" >
  794. </div>
  795. </div>
  796.  
  797. <div class="row">
  798. <div class="col_3">
  799. โควตาสถาบันฯ (ถ้ามี)
  800. </div>
  801. <div class="col_9">
  802. <input type="text" name="quota" placeholder="โควตาโรงเรียน">
  803. </div>
  804. </div>
  805.  
  806. <div class="row">
  807. <div class="col_3">
  808. ผู้ปกครองที่สามารถติดต่อได้ในกรณีฉุกเฉิน
  809. </div>
  810. </div>
  811.  
  812. <div class="row">
  813. <div class="col_3">
  814. ชื่อ<font color="red">*</font>
  815. </div>
  816. <div class="col_9">
  817. <input type="text" name="pname" placeholder="ธนพล">
  818. </div>
  819. </div>
  820. <div class="row">
  821. <div class="col_3">
  822. เบอโทรศัพท์<font color="red">*</font>
  823. </div>
  824. <div class="col_9">
  825. <input type="text" name="pphone" placeholder="0987654321">
  826. </div>
  827. </div>
  828. <div class="row">
  829. <div class="col_3">
  830. เกี่ยวข้องเป็น<font color="red">*</font>
  831. </div>
  832. <div class="col_9">
  833. <input type="text" name="pabout" placeholder="บิดา">
  834. </div>
  835. </div>
  836.  
  837.  
  838. </font>
  839. </div>
  840.  
  841. </div>
  842. </div>
  843. <div class="row">
  844. <div class="col_6">
  845. <div class="center">
  846. <div class="button-register center ">
  847. <div class="max-width-register ">
  848. <a class="register">
  849. <p style="font-size: 30px; padding: 5px; cursor:hand;cursor:pointer;" onclick="previousStep(1)">ขั้นตอนก่อนหน้า</p>
  850. </a>
  851. </div>
  852. </div>
  853. </div>
  854. </div>
  855. <div class="col_6">
  856. <div class="center">
  857. <div class="button-register center ">
  858. <div class="max-width-register ">
  859. <a class="register">
  860. <p style="font-size: 30px; padding: 5px; cursor:hand;cursor:pointer;" onclick="nextStep(3)">ขั้นตอนถัดไป</p>
  861. </a>
  862. </div>
  863. </div>
  864. </div>
  865. </div>
  866. </div>
  867. </div><!-- END STEP 2 -->
  868.  
  869. <!-- STEP 3: Interested Major and Questions -->
  870. <div id="step_3" class="step_hidden">
  871. <div class="center">
  872. <b><font size="15px" class="font-header">(ขั้นตอนที่ 3/3) คณะที่สนใจและคำถาม</font></b>
  873.  
  874. <div style="padding: 20px;">
  875.  
  876. <div class="left ">
  877. <font color="white">
  878.  
  879. <div class="row">
  880. <div class="col_3">
  881. คณะที่สนใจ
  882. </div>
  883. <div class="col_9">
  884. <input type="checkbox" name="interestEngineer"> คณะวิศวกรรมศาสตร์<br>
  885. <input type="checkbox" name="interestIT"> คณะเทคโนโลยีสารสนเทศ<br>
  886. <input type="checkbox" name="interestBusiness"> คณะบริหารธุรกิจ
  887. </div>
  888. </div>
  889. <p></p>
  890. <div class="row">
  891. <div class="col_3">
  892. น้องรู้จักค่ายนี้ได้อย่างไร
  893. </div>
  894. <div class="col_9">
  895. <input type="checkbox" name="knowsaku1"> Social Network (Facebook, Twitter,...)<br>
  896. <input type="checkbox" name="knowsaku2"> ครอบครัว, เพื่อน, พี่-น้อง, คนรู้จัก,...<br>
  897. <input type="checkbox" name="knowsaku3"> เว็บไซต์การศึกษา (Dek-D, CampHUB,...)<br>
  898. <input type="checkbox" name="knowsaku4"> ฝ่ายแนะแนวของโรงเรียน<br>
  899. <input type="checkbox" name="knowsaku5"> โปสเตอร์และการประชาสัมพันธ์
  900. </div>
  901. </div>
  902.  
  903. <p></p>
  904.  
  905. <div class="row">
  906. <div class="col_12">
  907. <b>คำถามข้อที่ 1: ถ้าหากน้องต้องการที่จะศึกษาต่อที่สถาบันเทคโนโลยีไทย-ญี่ปุ่น แต่ติดปัญหาตรงพ่อแม่ไม่ต้องการจะให้เข้าศึกษาต่อที่นี่ น้องจะทำอย่างไร? </b><font color="red">*</font>
  908. </div>
  909. <div class="col_12">
  910. <textarea name="q1" placeholder="" rows="10" cols="60" ></textarea>
  911. </div>
  912. </div>
  913. <p></p>
  914. <div class="row">
  915. <div class="col_12">
  916. <b>คำถามข้อที่ 2: ถ้าน้องเจอบ้านหลังหนึ่ง ที่ทำจากขนมหวาน น้องจะทำอย่างไร (เช่น ทุบทิ้ง พุ่งไปกิน ฯลฯ)</b> <font color="red">*</font>
  917. </div>
  918. <div class="col_12">
  919. <textarea name="q2" placeholder="" rows="10" cols="60" ></textarea>
  920. </div>
  921. </div>
  922. <p></p>
  923. <div class="row">
  924. <div class="col_12">
  925. <b>คำถามข้อที่ 3: ถ้าน้องติดอยู่บนหอคอยเวทมนต์ น้องต้องการส่งสารขอความช่วยเหลือจากคนภายนอก น้องจะเลือกให้สัตว์ชนิดใดไปส่งสารระหว่างนกอินทรีย์ นกฮูกและนกพิราบ เพราะอะไร?</b> <font color="red">*</font>
  926. </div>
  927. <div class="col_12">
  928. <textarea name="q3" placeholder="" rows="10" cols="60" ></textarea>
  929. </div>
  930. </div>
  931. <p></p>
  932. <div class="row">
  933. <div class="col_12">
  934. <b>คำถามข้อที่ 4: ถ้าน้องสามารถเลือกของวิเศษเวทมนต์ได้ 1 อย่าง น้องจะเลือกอะไร ระหว่างไม้กายสิทธิ์ ผ้าคลุมล่องหนและหินชุบวิญญาณ เพราะเหตุใด? </b><font color="red">*</font>
  935. </div>
  936. <div class="col_12">
  937. <textarea name="q4" placeholder="" rows="10" cols="60" ></textarea>
  938. </div>
  939. </div>
  940.  
  941. </font>
  942. </div>
  943.  
  944. </div>
  945. </div>
  946.  
  947. <div align="center" style="font-size: 40px;"><b>*** โปรดตรวจสอบข้อมูลก่อนยืนยันการสมัคร และ กดยืนยันเพียง<u><font color="red">ครั้งเดียว</font></u> ***</b></div>
  948.  
  949. <div class="row">
  950. <div class="col_6">
  951. <div class="center">
  952. <div class="button-register center ">
  953. <div class="max-width-register ">
  954. <a class="register">
  955. <p style="font-size: 30px; padding: 5px; cursor:hand;cursor:pointer;" onclick="previousStep(2)">ขั้นตอนก่อนหน้า</p>
  956. </a>
  957. </div>
  958. </div>
  959. </div>
  960. </div>
  961. <div class="col_6">
  962. <div class="center">
  963. <div class="button-register center ">
  964. <div class="max-width-register ">
  965. <a class="register">
  966. <p style="font-size: 30px; cursor:hand;cursor:pointer;">
  967. <input type="submit" onclick="return check()" value='ยืนยันการสมัครเข้าค่าย!' name="submit" id=samak style="font-family: 'ThaiSans Neue'; line-height: 29px;">
  968. </p>
  969. </a>
  970. </div>
  971. </div>
  972. </div>
  973. </div>
  974. </div>
  975. </div><!-- END OF STEP 3 -->
  976.  
  977.  
  978.  
  979.  
  980.  
  981. </div><!-- END OF BACKGROUND -->
  982. </div>
  983. </div>
  984. </div>
  985.  
  986. </form> <!-- END REGISTRATION FORM -->
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement