จำนวนคนเข้าดู: 9,877

FreeTemplate.8 ฟอร์มสมัครสมาชิก PHP + Bootstrap 4 พร้อมตัวอย่าง Code.

ฟอร์มสมัครสมาชิก จะ save เป็น html หรือ php ก็ได้นะครับ
จะใช้เป็น bootstrap 4

ฟรีcode

<!DOCTYPE html>
<html>
<head>
	<title>Form FreeTemplate by.devtai.com</title>
	<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
</head>
<body>
	<form action="#" method="post" name="add" class="form-horizontal" id="add">
		<h1>Form FreeTemplate by.devtai.com</h1>
	<p></p>
  <div class="form-group">
  	 <div class="col-sm-2 control-label">
	<div class="input-group mb-3">
  <div class="input-group-prepend">
    <label class="input-group-text" for="inputGroupSelect01">คำนำหน้า</label>
  </div>
  <select class="custom-select" id="inputGroupSelect01" required>
    <option selected>-เลือกข้อมูล-</option>
    <option value="1">นาย</option>
    <option value="2">นาง</option>
    <option value="3">นางสาว</option>
  </select>
</div>
  </div>
    </div>

	 <div class="form-group">
    <div class="col-sm-2 control-label">
      Username :
    </div>
    <div class="col-sm-2">
      <input type="text" name="" required class="form-control" placeholder="ภาษาอังกฤษหรือตัวเลข">
    </div>
  </div>
  <div class="form-group">
    <div class="col-sm-2 control-label" class="form-control" >
      Password :
    </div>
    <div class="col-sm-2">
      <input type="password" name="" required class="form-control" placeholder="อย่างน้อย 8 ตัว">     
    </div>
  </div>

    <div class="form-group">
  	 <div class="col-sm-2 control-label">
	<div class="input-group mb-3">
  <div class="input-group-prepend">
    <label class="input-group-text" for="inputGroupSelect01">สถานะ</label>
  </div>
  <select class="custom-select" id="inputGroupSelect01" required>
    <option selected>-เลือกข้อมูล-</option>
    <option value="1">admin</option>
    <option value="2">member</option>
  </select>
</div>
  </div>
    </div>

  <div class="form-group">
    <div class="col-sm-2 control-label">
      ชื่อ :
    </div>
    <div class="col-sm-3">
      <input type="text" name="" required class="form-control" placeholder="ภาษาไทยหรืออังกฤษ">
    </div>
  </div>
  <div class="form-group">
    <div class="col-sm-2 control-label">
      นามสกุล :
    </div>
    <div class="col-sm-3">
      <input type="text" name="" required class="form-control" placeholder="ภาษาไทยหรืออังกฤษ">
    </div>
  </div>
  <div class="form-group">
    <div class="col-sm-2 control-label">
      เบอร์โทร :
    </div>
    <div class="col-sm-3">
      <input type="text" name="" required class="form-control" placeholder="เช่น 091 999 9999">
    </div>
  </div>
  <div class="form-group">
    <div class="col-sm-2 control-label">
      อีเมล์ :
    </div>
    <div class="col-sm-3">
     <input type="email" class="form-control" id="exampleFormControlInput1" placeholder="name@example.com">
    </div>
  </div>

  	<div class="form-group">
    <div class="col-sm-3">

    <div class="input-group mb-3">
  <div class="input-group-prepend">
    <span class="input-group-text" id="inputGroupFileAddon01">Upload</span>
  </div>
  <div class="custom-file">
    <input type="file" class="custom-file-input" id="inputGroupFile01" aria-describedby="inputGroupFileAddon01">
    <label class="custom-file-label" for="inputGroupFile01">Choose file กรุณาใส่รูปภาพของคุณ</label>
  </div>
	</div>
	 </div>
	</div>

	<div class="form-group">
    <div class="col-sm-2">
    </div>
    <div class="col-sm-3">
      <button type="submit" class="btn btn-primary">สมัครสมาชิก</button>
       <button type="" class="btn btn-danger">ยกเลิก</button>
    </div>
  </div>

	</form>
</body>
</html>

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

<!DOCTYPE html>

<html>

<head>

<title>Form FreeTemplate by.devtai.com</title>

</head>

<body>

<h1>Form FreeTemplate by.devtai.com</h1>

<p></p>

<label class="input-group-text" for="inputGroupSelect01">คำนำหน้า</label>

</div>

<option selected>-เลือกข้อมูล-</option>

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

</select>

</div>

Username :

</div>

</div>

Password :

</div>

</div>

<label class="input-group-text" for="inputGroupSelect01">สถานะ</label>

</div>

<option selected>-เลือกข้อมูล-</option>

<option value="1">admin</option>

<option value="2">member</option>

</select>

</div>

ชื่อ :

</div>

</div>

นามสกุล :

</div>

</div>

เบอร์โทร :

</div>

</div>

อีเมล์ :

</div>

</div>

<span class="input-group-text" id="inputGroupFileAddon01">Upload</span>

</div>

<label class="custom-file-label" for="inputGroupFile01">Choose file กรุณาใส่รูปภาพของคุณ</label>

</div>

</div>

<button type="submit" class="btn btn-primary">สมัครสมาชิก</button>

<button type="" class="btn btn-danger">ยกเลิก</button>

</div>

</form>

</body>

</html>

ระบบ ยืม-คืน ครุภัณฑ์(เต็มระบบ)

ระบบ ยืม-คืน ครุภัณฑ์(เต็มระบบ) Co-Working devbanban.com

รวมคลิปสอน ระบบร้านค้าออนไลน์

วัยวุฒิ ชุมเมืองปัก

สนใจจ้างพัฒนาระบบ เขียนระบบ
ทำเว็บไซต์ รับสอนเขียนโปรแกรม
inbox มาที่เพจ หรือติดต่อ 098-373-8651

ช่องทางการชำระเงิน
เงินสด หรือ e-banking
ธนาคารกสิกรไทย
เลขบัญชี : 0951168564
ชื่อบัญชี : นายวัยวุฒิ ชุมเมืองปัก

bootstrap4 FREETEMPLATE PHP + MySQLi ฟอร์มสมัครสมาชิก

วัยวุฒิ ชุมเมืองปัก

สนใจจ้างพัฒนาระบบ เขียนระบบ ทำเว็บไซต์ รับสอนเขียนโปรแกรม inbox มาที่เพจ หรือติดต่อ 098-373-8651 ช่องทางการชำระเงิน เงินสด หรือ e-banking ธนาคารกสิกรไทย เลขบัญชี : 0951168564 ชื่อบัญชี : นายวัยวุฒิ ชุมเมืองปัก

FreeTemplate.8 ฟอร์มสมัครสมาชิก PHP + Bootstrap 4 พร้อมตัวอย่าง Code.

ระบบ ยืม-คืน ครุภัณฑ์(เต็มระบบ)

Share this:

Related

วัยวุฒิ ชุมเมืองปัก