แจกฟรี ฟอร์มเพิ่มข้อมูลอาจารย์ ออกแบบจาก Bootstrap5 ซึ่งเป็น frontend framework ยอดนิยมระดับโลก *แจกให้ไปศึกษาและพัฒนาต่อยอดนะครับ
ขอแนะนำระบบพร้อมใช้ ราคาถูก ได้ Code + Database ทั้งหมด
1.เว็บอีคอมเมิร์ช คลิก
2.เว็บ FOOD POS ขายอาหารหน้าร้าน คลิก
3.เว็บ Coffee POS ขายกาแฟหน้าร้าน คลิก
4.หลังบ้านระบบอีคอมเมิร์ช คลิก
5.เว็บบริษัท / เว็บองค์กร คลิก
6.ระบบหอพัก โปรแกรมหอพัก คลิก
7.ระบบยืมคืน เบิกจ่ายพัสดุ ครุภัณฑ์ คลิก
8.ระบบแจ้งซ่อมสำหรับองค์กร คลิก
9.ระบบกระเป๋าตังค์ คลิก
10.ระบบฐานข้อมูลวิจัย คลังข้อมูลวิจัย ฐานข้อมูลวิทยานิพนธ์ Research Corpus คลิก
11.ระบบอื่นๆ เพิ่มเติม คลิก
รวมคลิปสอนปรับพื้นฐาน ภาษา php ฟรี 100 คลิป ++ https://devbanban.com/?p=3940
คลิปแสดงการทำงาน
Full code สามารถ save เป็น .html แล้วรันได้เลยครับ
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 |
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-F3w7mX95PdgyTmZZMECAngseQB83DfGTowi0iMjiWaeVhAn4FJkqJByhZMI3AhiU" crossorigin="anonymous"> <title>Bootstrap5 Form add Teacher by devbanban.com 2022</title> <!-- sweet alert --> <script src="https://code.jquery.com/jquery-2.1.3.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.3/sweetalert-dev.js"></script> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.3/sweetalert.css"> </head> <body> <div class="container"> <div class="row"> <div class="col-md-12"> <div class="alert alert-primary" role="alert"> <h3>ฟอร์มเพิ่มข้อมูลอาจารย์ </h3> </div> <form method="post"> <div class="row mb-3"> <div class="col"> เลือกโปรแกรมวิชาที่สังกัด <select name="teacher_program" class="form-control" required> <option value="">-เลือกโปรแกรมวิชา-</option> <option value="เทคโนโลยีสารสนเทศ">เทคโนโลยีสารสนเทศ</option> <option value="วิทยาการคอมพิวเตอร์">วิทยาการคอมพิวเตอร์</option> <option value="วิศวกรรมซอฟแวร์">วิศวกรรมซอฟแวร์</option> <option value="อื่นๆ">อื่นๆ เพิ่มเองเลยครับ</option> </select> </div> </div> <div class="row mb-3"> <div class="col-12 col-sm-4"> คำนำหน้าชื่อ/ตำแหน่งทางวิชาการ <select name="teacher_firstname" class="form-control" required> <option value="">-เลือก-</option> <option value="อาจารย์">อาจารย์</option> <option value="อาจารย์ ดร.">อาจารย์ ดร.</option> <option value="ผศ.">ผศ.</option> <option value="ผศ. ดร.">ผศ. ดร.</option> <option value="รศ. ดร.">รศ. ดร.</option> <option value="อื่นๆ">อื่นๆ เพิ่มเองจ้ะ</option> </select> </div> <div class="col-12 col-sm-4"> ชื่อ <input type="text" name="teacher_name" class="form-control" placeholder="ชื่อ" required> </div> <div class="col-12 col-sm-4"> นามสกุล <input type="text" name="teacher_lastname" class="form-control" placeholder="นามสกุล" required> </div> </div> <div class="row mb-3"> <div class="col-12 col-sm-6"> เบอร์โทร <input type="tel" name="teacher_phone" class="form-control" placeholder="เบอร์โทร" required minlength="10" maxlength="10"> </div> <div class="col-12 col-sm-6"> อีเมล <input type="email" name="teacher_email" class="form-control" placeholder="อีเมล" required> </div> </div> <div class="row mb-3"> <div class="col"> วุฒิการศึกษา 1 <input type="text" name="teacher_edu1" class="form-control" placeholder="วุฒิการศึกษา1" required> วุฒิการศึกษา 2 <input type="text" name="teacher_edu2" class="form-control" placeholder="วุฒิการศึกษา2"> วุฒิการศึกษา 3 <input type="text" name="teacher_edu2" class="form-control" placeholder="วุฒิการศึกษา3"> <br> </div> </div> *อื่นๆ เอาไปต่อยอดได้เต็มที่ครับ ^^ <!-- <div class="row mb-3"> <div class="col"> งานวิจัย/ผลงานวิชาการ/หนังสือ 1 <input type="text" name="teacher_articel1" class="form-control" placeholder="งานวิจัย/ผลงานวิชาการ/หนังสือ 1" required> งานวิจัย/ผลงานวิชาการ/หนังสือ 2 <input type="text" name="teacher_articel2" class="form-control" placeholder=" งานวิจัย/ผลงานวิชาการ/หนังสือ 2"> งานวิจัย/ผลงานวิชาการ/หนังสือ 3 <input type="text" name="teacher_articel2" class="form-control" placeholder=" งานวิจัย/ผลงานวิชาการ/หนังสือ 3"> </div> </div> --> <div class="d-grid gap-2 col-12 mx-auto"> <br> <button class="btn btn-primary" type="submit">บันทึก</button> </div> </form> <!-- //ขอแนะนำระบบพร้อมใช้ ราคาเบาๆ ซื้อแล้วได้ code ทั้งหมด เอาไปต่อยอดได้ //ระบบแจ้งซ่อม https://www.youtube.com/watch?v=bkYBKfFauB8 //ระบบจัดการหอพัก https://www.youtube.com/watch?v=O7Bh0BNCDz8 //ระบบสอบออนไลน์ https://www.youtube.com/watch?v=WOTLFEflkMk --> </div> </div> </div> </body> </html> |
แนะนำการเอาไปต่อยอดเพิ่มเติม
*PHP PDO ระบบเพิ่มข้อมูลนักศึกษาลง database คลิก
*PHP PDO ระบบเพิ่มข้อมูลมหาวิทยาลัยลง Database คลิก
ร่วมสนับสนุน ค่ากาแฟ ค่าโฮส devbanban.com ได้ที่
ธนาคารกรุงไทย สาขาเดอะมอลล์ท่าพระ
ชื่อบัญชี นายพิศิษฐ์ บวรเลิศสุธี เลขที่ 878-0-17747-6
————————————————————————————
ธนาคารไทยพาณิชย์ สาขามหาวิทยาลัยราชภัฏธนบุรี
ชื่อบัญชี นายพิศิษฐ์ บวรเลิศสุธี เลขที่ 406-359094-1
fanpage : https://www.facebook.com/sornwebsites/