<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>personal information form</title> <script language="javascript"> function show_table1() { if(document.getElementById('checkbox1').checked==true) { // ถ้าเลือก radio button 1 ให้โชว์ table 1 และ ซ่อน table 2 document.getElementById("table_1").style.display = ""; } else {document.getElementById("table_1").style.display = "none";} } </script> <script language="javascript"> function show_table2() { if(document.getElementById('checkbox2').checked==true) { // ถ้าเลือก radio button 1 ให้โชว์ table 1 และ ซ่อน table 2 document.getElementById("table_2").style.display = ""; } else {document.getElementById("table_2").style.display = "none";} } </script> <script language="javascript"> function show_table3() { if(document.getElementById('checkbox3').checked==true) { // ถ้าเลือก radio button 1 ให้โชว์ table 1 และ ซ่อน table 2 document.getElementById("table_3").style.display = ""; } else {document.getElementById("table_3").style.display = "none";} } </script> <script language="javascript"> function show_table4() { if(document.getElementById('checkbox4').checked==true) { // ถ้าเลือก radio button 1 ให้โชว์ table 1 และ ซ่อน table 2 document.getElementById("table_4").style.display = ""; } else {document.getElementById("table_4").style.display = "none";} } </script> <script language="javascript"> function show_table5() { if(document.getElementById('checkbox5').checked==true) { // ถ้าเลือก radio button 1 ให้โชว์ table 1 และ ซ่อน table 2 document.getElementById("table_5").style.display = ""; } else {document.getElementById("table_5").style.display = "none";} } </script> <script language="javascript"> function show_table6() { if(document.getElementById('checkbox6').checked==true) { // ถ้าเลือก radio button 1 ให้โชว์ table 1 และ ซ่อน table 2 document.getElementById("table_6").style.display = ""; } else {document.getElementById("table_6").style.display = "none";} } </script> <script type='text/javascript'> function check(){ var text =document.getElementById('main1'); var text2 =document.getElementById('main2'); var text3 =document.getElementById('main3'); if(text1.value.length <1){ alert("「未入力の項目があります。全項目に入力してください。」"); return false; } if(text2.value.length <1){ alert("「未入力の項目があります。全項目に入力してください。」"); return false; } if(text3.value.length <1){ alert("「未入力の項目があります。全項目に入力してください。」"); return false; } } </script> </head> <body> <form action="personal_information_form.php" method="post" onsubmit='return check()'> <div align="center"> <table width="870" border="1" > <tr> <td colspan="3"><img src="images/top02.jpg" alt="" width="870" height="120" /></td> </tr> <tr> <td width="9"> </td> <td colspan="2">個人情報変更連絡フォーム</td> </tr> <tr align="left"> <td height="38"> </td> <td colspan="2"><p>住所及び電話番号を変更された方、またはお名前の変更は下記連絡フォームよりお手続き下さい。</p> <p><a href="http://www.trans-cosmos.co.th/wordpress/wp-content/uploads/2009/11/how-to-use-the-chenging-info-form1.pdf">住所変更フォームの使い方</a> <--クリック</p> <p>[ 連絡の流れ ]<br /> 1) 下記の連絡フォームよりデータを送信。<br /> 2) “*”項目は必須。</p></td> </tr> <tr> <td> </td> <td colspan="2" align="left">■ 個人情報変更連絡フォーム<br \><table width="380" border="1" align="left"> <tr> <td width="144">お名前*</td> <td width="220"> <input type="text" name="main1" id="main1" /> </td> </tr> <tr> <td>所属*</td> <td><input type="text" name="main2" id="main2" /></td> </tr> <tr> <td>メールアドレス*</td> <td><input type="text" name="main3" id="main3" /></td> </tr> </table></td> </tr> <tr align="left"> <td> </td> <td colspan="2"> <input type="checkbox" name="checkbox1" id="checkbox1" value="1" onclick="show_table1();" /> 住所変更*:<br \> <table width="489" border="1" id="table_1" style="display:none" > <tr> <td width="160">住所変更日</td> <td width="313"><input type="text" /></td> </tr> <tr> <td>旧住所</td> <td><input type="text" /></td> </tr> <tr> <td>新住所</td> <td><input type="text" /></td> </tr> </table></td> </tr> <tr align="left"> <td> </td> <td colspan="2"><input type="checkbox" name="checkbox2" id="checkbox2" value="1" onclick="show_table2();"/> 固定番号変更*:<br \><table width="489" border="1" id="table_2" style="display:none"> <tr> <td width="160">住所変更日</td> <td width="313"><input type="text" /></td> </tr> <tr> <td>旧住所</td> <td><input type="text" /></td> </tr> <tr> <td>新住所</td> <td><input type="text" /></td> </tr> </table></td> </tr> <tr align="left"> <td> </td> <td colspan="2"><input type="checkbox" name="checkbox3" id="checkbox3" value="1" onclick="show_table3();"/> 携帯番号変更*:<br \> <table width="489" border="1" id="table_3" style="display:none"> <tr> <td width="160">住所変更日</td> <td width="313"><input type="text" /></td> </tr> <tr> <td>旧住所</td> <td><input type="text" /></td> </tr> <tr> <td>新住所</td> <td><input type="text" /></td> </tr> </table></td> </tr> <tr align="left"> <td> </td> <td colspan="2"><input type="checkbox" name="checkbox4" id="checkbox4" value="1" onclick="show_table4();"/> Email*:<br \><table width="489" border="1" id="table_4" style="display:none"> <tr> <td width="160">住所変更日</td> <td width="313"><input type="text" /></td> </tr> <tr> <td>旧住所</td> <td><input type="text" /></td> </tr> <tr> <td>新住所</td> <td><input type="text" /></td> </tr> </table></td> </tr> <tr align="left"> <td> </td> <td colspan="2"><input type="checkbox" name="checkbox5" id="checkbox5" value="1" onclick="show_table5();"/> 氏名変更*:<br \> <table width="489" border="1" id="table_5" style="display:none" > <tr> <td width="140">変更日:</td> <td width="333"><input type="text" /></td> </tr> <tr> <td>旧姓:</td> <td><input type="text" /></td> </tr><tr> <td>日</td> <td><input type="text" /></td> </tr> <tr> <td>英</td> <td><input type="text" /></td> </tr> <tr> <td> </td> <td> </td> </tr> <tr> <td>新姓:</td> <td><input type="text" /></td> </tr> <tr> <td>日</td> <td><input type="text" /></td> </tr> <tr> <td>英</td> <td><input type="text" /></td> </tr> </table></td> </tr> <tr align="left"> <td> </td> <td colspan="2"><input type="checkbox" name="checkbox6" id="checkbox6" value="1" onclick="show_table6();"/> 緊急連絡先変更*:<br \> <table width="489" border="1" id="table_6" style="display:none"> <tr> <td>変更日</td> <td><input type="text" /></td> </tr> <tr> <td> </td> <td> </td> </tr> <tr> <td>旧連絡先(氏名):</td> <td><input type="text" /></td> </tr> <tr> <td>旧連絡先(続柄):</td> <td><input type="text" /></td> </tr> <tr> <td>旧連絡先(電話番号):</td> <td><input type="text" /></td> </tr> <tr> <td> </td> <td> </td> </tr> <tr> <td>新連絡先(氏名):</td> <td><input type="text" /></td> </tr> <tr> <td>新連絡先(続柄):</td> <td><input type="text" /></td> </tr> <tr> <td>新連絡先(電話番号):</td> <td><input type="text" /></td> </tr> </table></td> </tr> <tr> <td> </td> <td width="538"> </td> <td width="314"> </td> </tr> <tr> <td colspan="3"><input type="submit" name="button" id="button" value="Send" style="width:100px; height:25px;" /></td> </tr > <tr align="left"> <td> </td> <td colspan="2"><p>[ ご注意 ]</p> ※ 変更された方へ <br /> : 変更後速やかにHR&GAまでご連絡ください。<br /> : WPの住所変更届けとは異なりますのでご注意下さい。 </td> </tr> </table> </div> </form> </body> </html>
<script type='text/javascript'> function check(){ if(document.form1.main1.value == "") { alert('Please input main1'); document.form1.main1.focus(); return false; } if(document.form1.main2.value == "") { alert('Please input main2'); document.form1.main2.focus(); return false; } if(document.form1.main3.value == "") { alert('Please input main3'); document.form1.main3.focus(); return false; } document.form1.submit(); } </script>
<form name="form1" action="personal_information_form.php" method="post" onsubmit='return check()'>
<input type="submit" name="button" id="button" value="Send" style="width:100px; height:25px;" />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>personal information form</title> <script language="javascript"> function show_table1() { if(document.getElementById('checkbox1').checked==true) { // ถ้าเลือก radio button 1 ให้โชว์ table 1 และ ซ่อน table 2 document.getElementById("table_1").style.display = ""; } else {document.getElementById("table_1").style.display = "none";} } </script> <script language="javascript"> function show_table2() { if(document.getElementById('checkbox2').checked==true) { // ถ้าเลือก radio button 1 ให้โชว์ table 1 และ ซ่อน table 2 document.getElementById("table_2").style.display = ""; } else {document.getElementById("table_2").style.display = "none";} } </script> <script language="javascript"> function show_table3() { if(document.getElementById('checkbox3').checked==true) { // ถ้าเลือก radio button 1 ให้โชว์ table 1 และ ซ่อน table 2 document.getElementById("table_3").style.display = ""; } else {document.getElementById("table_3").style.display = "none";} } </script> <script language="javascript"> function show_table4() { if(document.getElementById('checkbox4').checked==true) { // ถ้าเลือก radio button 1 ให้โชว์ table 1 และ ซ่อน table 2 document.getElementById("table_4").style.display = ""; } else {document.getElementById("table_4").style.display = "none";} } </script> <script language="javascript"> function show_table5() { if(document.getElementById('checkbox5').checked==true) { // ถ้าเลือก radio button 1 ให้โชว์ table 1 และ ซ่อน table 2 document.getElementById("table_5").style.display = ""; } else {document.getElementById("table_5").style.display = "none";} } </script> <script language="javascript"> function show_table6() { if(document.getElementById('checkbox6').checked==true) { // ถ้าเลือก radio button 1 ให้โชว์ table 1 และ ซ่อน table 2 document.getElementById("table_6").style.display = ""; } else {document.getElementById("table_6").style.display = "none";} } </script> <script type='text/javascript'> function check(){ if(document.form1.main1.value == "") { alert('Please input main1'); document.form1.main1.focus(); return false; } if(document.form1.main2.value == "") { alert('Please input main2'); document.form1.main2.focus(); return false; } if(document.form1.main3.value == "") { alert('Please input main3'); document.form1.main3.focus(); return false; } document.form1.submit(); } </script> </head> <body> <form name="form1" action="personal_information_form.php" method="post" onsubmit='return check()'> <div align="center"> <table width="870" border="1" > <tr> <td colspan="3"><img src="images/top02.jpg" alt="" width="870" height="120" /></td> </tr> <tr> <td width="9"> </td> <td colspan="2">個人情報変更連絡フォーム</td> </tr> <tr align="left"> <td height="38"> </td> <td colspan="2"><p>住所及び電話番号を変更された方、またはお名前の変更は下記連絡フォームよりお手続き下さい。</p> <p><a href="http://www.trans-cosmos.co.th/wordpress/wp-content/uploads/2009/11/how-to-use-the-chenging-info-form1.pdf">住所変更フォームの使い方</a> <--クリック</p> <p>[ 連絡の流れ ]<br /> 1) 下記の連絡フォームよりデータを送信。<br /> 2) “*”項目は必須。</p></td> </tr> <tr> <td> </td> <td colspan="2" align="left">■ 個人情報変更連絡フォーム<br \><table width="380" border="1" align="left"> <tr> <td width="144">お名前*</td> <td width="220"> <input type="text" name="main1" id="main1" /> </td> </tr> <tr> <td>所属*</td> <td><input type="text" name="main2" id="main2" /></td> </tr> <tr> <td>メールアドレス*</td> <td><input type="text" name="main3" id="main3" /></td> </tr> </table></td> </tr> <tr align="left"> <td> </td> <td colspan="2"> <input type="checkbox" name="checkbox1" id="checkbox1" value="1" onclick="show_table1();" /> 住所変更*:<br \> <table width="489" border="1" id="table_1" style="display:none" > <tr> <td width="160">住所変更日</td> <td width="313"><input type="text" /></td> </tr> <tr> <td>旧住所</td> <td><input type="text" /></td> </tr> <tr> <td>新住所</td> <td><input type="text" /></td> </tr> </table></td> </tr> <tr align="left"> <td> </td> <td colspan="2"><input type="checkbox" name="checkbox2" id="checkbox2" value="1" onclick="show_table2();"/> 固定番号変更*:<br \><table width="489" border="1" id="table_2" style="display:none"> <tr> <td width="160">住所変更日</td> <td width="313"><input type="text" /></td> </tr> <tr> <td>旧住所</td> <td><input type="text" /></td> </tr> <tr> <td>新住所</td> <td><input type="text" /></td> </tr> </table></td> </tr> <tr align="left"> <td> </td> <td colspan="2"><input type="checkbox" name="checkbox3" id="checkbox3" value="1" onclick="show_table3();"/> 携帯番号変更*:<br \> <table width="489" border="1" id="table_3" style="display:none"> <tr> <td width="160">住所変更日</td> <td width="313"><input type="text" /></td> </tr> <tr> <td>旧住所</td> <td><input type="text" /></td> </tr> <tr> <td>新住所</td> <td><input type="text" /></td> </tr> </table></td> </tr> <tr align="left"> <td> </td> <td colspan="2"><input type="checkbox" name="checkbox4" id="checkbox4" value="1" onclick="show_table4();"/> Email*:<br \><table width="489" border="1" id="table_4" style="display:none"> <tr> <td width="160">住所変更日</td> <td width="313"><input type="text" /></td> </tr> <tr> <td>旧住所</td> <td><input type="text" /></td> </tr> <tr> <td>新住所</td> <td><input type="text" /></td> </tr> </table></td> </tr> <tr align="left"> <td> </td> <td colspan="2"><input type="checkbox" name="checkbox5" id="checkbox5" value="1" onclick="show_table5();"/> 氏名変更*:<br \> <table width="489" border="1" id="table_5" style="display:none" > <tr> <td width="140">変更日:</td> <td width="333"><input type="text" /></td> </tr> <tr> <td>旧姓:</td> <td><input type="text" /></td> </tr><tr> <td>日</td> <td><input type="text" /></td> </tr> <tr> <td>英</td> <td><input type="text" /></td> </tr> <tr> <td> </td> <td> </td> </tr> <tr> <td>新姓:</td> <td><input type="text" /></td> </tr> <tr> <td>日</td> <td><input type="text" /></td> </tr> <tr> <td>英</td> <td><input type="text" /></td> </tr> </table></td> </tr> <tr align="left"> <td> </td> <td colspan="2"><input type="checkbox" name="checkbox6" id="checkbox6" value="1" onclick="show_table6();"/> 緊急連絡先変更*:<br \> <table width="489" border="1" id="table_6" style="display:none"> <tr> <td>変更日</td> <td><input type="text" /></td> </tr> <tr> <td> </td> <td> </td> </tr> <tr> <td>旧連絡先(氏名):</td> <td><input type="text" /></td> </tr> <tr> <td>旧連絡先(続柄):</td> <td><input type="text" /></td> </tr> <tr> <td>旧連絡先(電話番号):</td> <td><input type="text" /></td> </tr> <tr> <td> </td> <td> </td> </tr> <tr> <td>新連絡先(氏名):</td> <td><input type="text" /></td> </tr> <tr> <td>新連絡先(続柄):</td> <td><input type="text" /></td> </tr> <tr> <td>新連絡先(電話番号):</td> <td><input type="text" /></td> </tr> </table></td> </tr> <tr> <td> </td> <td width="538"> </td> <td width="314"> </td> </tr> <tr> <td colspan="3"><input type="submit" name="button" id="button" value="Send" style="width:100px; height:25px;" /></td> </tr > <tr align="left"> <td> </td> <td colspan="2"><p>[ ご注意 ]</p> ※ 変更された方へ <br /> : 変更後速やかにHR&GAまでご連絡ください。<br /> : WPの住所変更届けとは異なりますのでご注意下さい。 </td> </tr> </table> </div> </form> </body> </html>
เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง