ฟอร์มเพิ่มข้อมูลศิษย์เก่า bootstrap5 (ฟรี Code)

สวัสดีครับ ในบทความนี้จะแจกฟอร์มเพิ่มข้อมูลศิษย์เก่า ออกแบบโดยใช้ bootstrap5 แจกให้เอาไปศึกษาและพัฒนาต่อยอดครับ

ขอแนะนำระบบพร้อมใช้ ราคาถูก ได้ Code + Database ทั้งหมด
1.เว็บอีคอมเมิร์ช คลิก
2.เว็บ FOOD POS ขายอาหารหน้าร้าน คลิก
3.เว็บ Coffee POS ขายกาแฟหน้าร้าน คลิก
4.หลังบ้านระบบอีคอมเมิร์ช คลิก
5.เว็บบริษัท / เว็บองค์กร คลิก
6.ระบบหอพัก โปรแกรมหอพัก คลิก
7.ระบบยืมคืน เบิกจ่ายพัสดุ ครุภัณฑ์ คลิก
8.ระบบแจ้งซ่อมสำหรับองค์กร คลิก
9.ระบบกระเป๋าตังค์ คลิก
10.ระบบฐานข้อมูลวิจัย คลังข้อมูลวิจัย ฐานข้อมูลวิทยานิพนธ์ Research Corpus คลิก
11.ระบบอื่นๆ เพิ่มเติม คลิก

รวม Workshop ปรับพื้นฐาน ภาษา PHP PDO MySQL : คลิก

คลิปแสดงการทำงาน

ขอแนะนำระบบข้อสอบออนไลน์ , ระบบคลังข้อสอบ, โปรแกรมสอบเก็บคะแนน PHP PDO Online Testing System
ขอบเขตระบบ
*ผู้ดูแลระบบ
-ล็อคอิน
-จัดการข้อมูลผู้ดูแลระบบ (เพิ่ม ลบ แก้ไข แก้รหัสผ่าน)
-จัดการข้อมูลวิชา/ตัวเลือก/เฉลย (เพิ่ม ลบ แก้ไข)
-ดูผลสอบรายบุคคล
-ดูรายงาน (Dashboard) รูปแบบกราฟเส้นแสดงจำนวนการเข้าสอบแต่ละวัน

*ผู้ใช้ทั่วไป
-ดูรายวิชาที่เปิดสอบ
-เข้าสอบและดูรายงานผลการสอบ

*ระบบพัฒนาจากอะไร
-ภาษา PHP PDO ฐานข้อมูลใช้ MySQL
-รองรับการทำงาน PHP7 – PHP8
-Frontend หน้าบ้านใช้ Bootstrap4, หลังบ้านใช้ AdminLTE v3
-ระบบสามารถนำไปต่อยอดได้ ใช้จริงได้ แก้ได้ เขียนเพิ่มได้

demo : https://devbanban.com/app/e-test/

ค่าตัว 7000 บาท ได้ Code & Database ทั้งหมด
สนใจ inbox มาที่ https://www.facebook.com/sornwebsites

Full code สามารถ save เป็น .html แล้วรันได้เลยครับ เช่น form.html (รันบนเว็บบราวเซอร์)

<!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 by devbanban.com 2022</title>
  </head>
  <body>
    <div class="container">
      <div class="row">
        <div class="col-md-12">
          <div class="alert alert-primary" role="alert">
            <h3>ฟอร์มเพิ่มข้อมูลศิษย์เก่า bootstrap5 </h3>
          </div>
          <form action="" method="post" class="form-horizontal" enctype="multipart/form-data">
            <div class="form-group row mb-3">
              <div class="col-sm-2 control-label">
                สาขาวิชา :
              </div>
              <div class="col-sm-3">
                <select name="prog_id" class="form-control" required>
                  <option value="">เลือกข้อมูล</option>
                  <option value="0">-การพัฒนาเกมส์</option>
                  <option value="0">-คอมพิวเตอร์ธุรกิจ</option>
                  <option value="0">-มัลติมีเดีย</option>
                  <option value="0">-วิทย์คอม</option>
                  <option value="0">-เทคโนโลยีสารสนเทศ</option>
                </select>
              </div>
              <div class="col-sm-2 control-label" class="form-control" >
                ปีที่เข้าเรียน :
              </div>
              <div class="col-sm-2">
                <input type="text" name="std_year_start" required minlength="4" maxlength="4" class="form-control"  placeholder="พศ." pattern="^[0-9]+$" title="กรอกปี พศ.">
              </div>
              <div class="col-sm-1 control-label" class="form-control" >
                ปีที่จบ :
              </div>
              <div class="col-sm-2">
                <input type="text" name="std_year_complete" required minlength="4" maxlength="4" class="form-control"  placeholder="พศ." pattern="^[0-9]+$" title="กรอกปี พศ.">
              </div>
            </div>
            <div class="form-group row mb-3">
              <div class="col-sm-2 control-label">
                รหัสนักศึกษา :
              </div>
              <div class="col-sm-2">
                <input type="text" name="std_id" required class="form-control" autocomplete="off" minlength="9" placeholder="รหัสนักศึกษา" pattern="^[0-9]+$" title="กรอกรหัสนักศึกษา">
              </div>
              
              <div class="col-sm-1 control-label" class="form-control" >
                รหัสผ่าน :
              </div>
              <div class="col-sm-2">
                <input type="password" name="std_password" required class="form-control" pattern="^[a-zA-Z0-9]+$" title="ภาษาอังกฤษหรือตัวเลขเท่านั้น" minlength="3" placeholder="ภาษาอังกฤษหรือตัวเลข">
              </div>
            </div>
            <div class="form-group row mb-3">
              <div class="col-sm-2 control-label">
                คำนำหน้า :
              </div>
              <div class="col-sm-2">
                <select name="std_title_name" class="form-control" required>
                  <option value="">เลือกข้อมูล</option>
                  <option value="นาย">นาย</option>
                  <option value="นาง">นาง</option>
                  <option value="นางสาว">นางสาว</option>
                  <option value="ว่าที่ร้อยตรี">ว่าที่ร้อยตรี</option>
                </select>
              </div>
              
              <div class="col-sm-1 control-label">
                ชื่อ :
              </div>
              <div class="col-sm-2">
                <input type="text" name="std_name" required class="form-control" minlength="2" placeholder="ชื่อ">
              </div>
              
              <div class="col-sm-1 control-label">
                นามสกุล :
              </div>
              <div class="col-sm-2">
                <input type="text" name="std_lastname" required class="form-control" minlength="2" placeholder="นามสกุล">
              </div>
            </div>
            
            <div class="form-group row mb-3">
              <div class="col-sm-2 control-label">
                เบอร์โทร :
              </div>
              <div class="col-sm-3">
                <input type="text" name="std_phone" required class="form-control"  placeholder="เบอร์มือถือ" maxlength="15">
              </div>
              
              <div class="col-sm-1 control-label">
                อีเมล์ :
              </div>
              <div class="col-sm-3">
                <input type="email" name="std_email" required class="form-control"  placeholder="email">
              </div>
            </div>
            <div class="form-group row mb-3">
              <div class="col-sm-2 control-label">
                ที่อยู่ :
              </div>
              <div class="col-sm-5">
                <textarea name="std_address" required placeholder="ที่อยู่" class="form-control"></textarea>
              </div>
            </div>
            <div class="form-group row mb-3">
              <div class="col-sm-2 control-label">
                ภาพโปรไฟล์ :
              </div>
              <div class="col-sm-2">
                <script type='text/javascript'>
                function preview_image(event)
                {
                var reader = new FileReader();
                reader.onload = function()
                {
                var output = document.getElementById('showimg');
                output.src = reader.result;
                }
                reader.readAsDataURL(event.target.files[0]);
                }
                </script>
                <img  id="showimg" width="100" height="100"> <br><br>
                <input type="file" id="showimg" name="std_img" required accept="image/png, image/jpeg, image/jpg" onchange="preview_image(event)">
              </div>
            </div>
            <h5>ข้อมูลการทำงาน <font color="red">(*กรณียังไม่ได้ทำงาน ไม่ต้องกรอกข้อมูลส่วนนี้) </font> </h5>
            <hr>
            <div class="form-group row mb-3">
              <div class="col-sm-2 control-label">
                ชื่อบริษัท :
              </div>
              <div class="col-sm-5">
                <input type="text" name="std_company"  class="form-control"  placeholder="ชื่อบริษัท">
              </div>
            </div>
            <div class="form-group row mb-3">
              <div class="col-sm-2 control-label">
                เบอร์บริษัท :
              </div>
              <div class="col-sm-4">
                <input type="text" name="std_compamy_phone"  class="form-control"  placeholder="เบอร์บริษัท">
              </div>
            </div>
            <div class="form-group row mb-3">
              <div class="col-sm-2 control-label">
                ตำแหน่งงาน :
              </div>
              <div class="col-sm-4">
                <input type="text" name="std_job_position"  class="form-control"  placeholder="ตำแหน่งงานในปัจจุบัน">
              </div>
            </div>
            <div class="form-group row mb-3">
              <div class="col-sm-2 control-label">
                เงินเดือน (บาท) :
              </div>
              <div class="col-sm-3">
                <input type="number" name="std_job_salary"  class="form-control"  placeholder="เงินเดือน" min="0">
              </div>
            </div>
            <div class="form-group row mb-3">
              <div class="col-sm-2">
              </div>
              <div class="col-sm-3">
                
                <button type="submit" class="btn btn-primary">เพิ่มข้อมูล</button>
              </div>
            </div>
          </form>
        </div>
      </div>
    </div>
    <hr>
    <center>
    <iframe width="560" height="315" src="https://www.youtube.com/embed/1gOSGHX3xDI" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> <br>
    สนใจ inbox มาที่ https://www.facebook.com/sornwebsites
    </center>
  </body>
</html>

<!--
//ขอแนะนำระบบพร้อมใช้ ราคาเบาๆ ซื้อแล้วได้ code ทั้งหมด เอาไปต่อยอดได้
// ระบบฐานข้อมูลศิษย์เก่า https://www.youtube.com/watch?v=1gOSGHX3xDI
//ระบบแจ้งซ่อม https://www.youtube.com/watch?v=bkYBKfFauB8
//ระบบจัดการหอพัก https://www.youtube.com/watch?v=O7Bh0BNCDz8
//ระบบสอบออนไลน์ https://www.youtube.com/watch?v=WOTLFEflkMk
-->

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

139

140

141

142

143

144

145

146

147

148

149

150

151

152

153

154

155

156

157

158

159

160

161

162

163

164

165

166

167

168

169

170

171

172

173

174

175

176

177

178

179

180

181

182

183

184

185

186

187

188

189

190

191

192

193

<!DOCTYPE html>

<head>

<title>ฟอร์มเพิ่มข้อมูลศิษย์เก่า bootstrap5 by devbanban.com 2022</title>

</head>

<body>

<h3>ฟอร์มเพิ่มข้อมูลศิษย์เก่า bootstrap5 </h3>

</div>

สาขาวิชา :

</div>

<option value="">เลือกข้อมูล</option>

<option value="0">-การพัฒนาเกมส์</option>

<option value="0">-คอมพิวเตอร์ธุรกิจ</option>

<option value="0">-มัลติมีเดีย</option>

<option value="0">-เทคโนโลยีสารสนเทศ</option>

</select>

</div>

ปีที่เข้าเรียน :

</div>

</div>

ปีที่จบ :

</div>

</div>

รหัสนักศึกษา :

</div>

</div>

รหัสผ่าน :

</div>

</div>

คำนำหน้า :

</div>

<option value="">เลือกข้อมูล</option>

<option value="นางสาว">นางสาว</option>

<option value="ว่าที่ร้อยตรี">ว่าที่ร้อยตรี</option>

</select>

</div>

ชื่อ :

</div>

</div>

นามสกุล :

</div>

</div>

เบอร์โทร :

</div>

</div>

อีเมล์ :

</div>

</div>

ที่อยู่ :

</div>

</div>

ภาพโปรไฟล์ :

</div>

function preview_image(event)

{

var reader = new FileReader();

reader.onload = function()

{

var output = document.getElementById('showimg');

output.src = reader.result;

}

reader.readAsDataURL(event.target.files[0]);

}

</script>

</div>

<h5>ข้อมูลการทำงาน <font color="red">(*กรณียังไม่ได้ทำงาน ไม่ต้องกรอกข้อมูลส่วนนี้) </font> </h5>

<hr>

ชื่อบริษัท :

</div>

</div>

เบอร์บริษัท :

</div>

</div>

ตำแหน่งงาน :

</div>

</div>

เงินเดือน (บาท) :

</div>

</div>

</div>

</div>

</form>

</div>

<hr>

สนใจ inbox มาที่ https://www.facebook.com/sornwebsites

</center>

</body>

</html>

<!--

//ขอแนะนำระบบพร้อมใช้ ราคาเบาๆ ซื้อแล้วได้ code ทั้งหมด เอาไปต่อยอดได้

// ระบบฐานข้อมูลศิษย์เก่า https://www.youtube.com/watch?v=1gOSGHX3xDI

//ระบบแจ้งซ่อม https://www.youtube.com/watch?v=bkYBKfFauB8

//ระบบจัดการหอพัก https://www.youtube.com/watch?v=O7Bh0BNCDz8

//ระบบสอบออนไลน์ https://www.youtube.com/watch?v=WOTLFEflkMk

-->

แนะนำการเอาไปต่อยอดเพิ่มเติม

*PHP PDO ระบบเพิ่มข้อมูลนักศึกษาลง database คลิก

*PHP PDO ระบบเพิ่มข้อมูลมหาวิทยาลัยลง Database คลิก

ขอแนะนำระบบฐานข้อมูลศิษย์เก่าพร้อมใช้ เอาไปพัฒนาต่อยอดได้ รายละเอียดเพิ่มเติมใต้คลิป

demo : https://devbanban.com/app/alumni/

ร่วมสนับสนุน ค่ากาแฟ ค่าโฮส devbanban.com ได้ที่

ธนาคารกรุงไทย สาขาเดอะมอลล์ท่าพระ
ชื่อบัญชี นายพิศิษฐ์ บวรเลิศสุธี เลขที่ 878-0-17747-6
————————————————————————————
ธนาคารไทยพาณิชย์ สาขามหาวิทยาลัยราชภัฏธนบุรี
ชื่อบัญชี นายพิศิษฐ์ บวรเลิศสุธี เลขที่ 406-359094-1

fanpage : https://www.facebook.com/sornwebsites/

ฟอร์มเพิ่มข้อมูลศิษย์เก่า bootstrap5 (ฟรี Code)

Share this: