การสร้างแบบฟอร์มง่ายๆ ใน Bootstrap

Booststap Knowledge ความรู้สำหรับการออกเว็บเพื่อให้แสดงผล ได้ดี ทุกหน้าจอ

Moderators: mindphp, ผู้ดูแลกระดาน

m038
PHP Sr. Member
PHP Sr. Member
Posts: 59
Joined: 29/07/2016 10:40 am

การสร้างแบบฟอร์มง่ายๆ ใน Bootstrap

Post by m038 » 30/07/2016 3:03 pm

การสร้างแบบฟอร์มง่ายๆ ใน #Bootstrap นั้นสามารถทำได้ดังนี้
  • - ประกาศหัวข้อแบบฟอร์มที่เราต้องการ

Code: Select all

<h1><center>ตัวอย่างแบบฟอร์ม</center></h1>
  • - ประกาศแบบฟอร์ม

Code: Select all

<form>ข้อมูลต่างๆ ที่ต้องใส่ภายในฟอร์ม</form>
  • - สร้างการกรอกข้อมูลที่เราต้องการ เช่นตัวอย่างนี้เป็นการให้กรอก Email

Code: Select all

  <form class="form-inline">
    <div class="form-group">
      <label>Email :</label>
      <input type="email" class="form-control" id="email" placeholder="กรอก email ของท่าน">
    </div>
  </form>
* placeholder คือการแสดงข้อความในช่อง input
  • - สร้างการกรอกรหัสผ่านของ Email ที่ต้องการ

Code: Select all

  <form class="form-inline">
    <div class="form-group">
      <label>Email :</label>
      <input type="email" class="form-control" id="email" placeholder="กรอก email ของท่าน">
    </div>
    <div class="form-group">
      <label for="pwd">Password:</label>
      <input type="password" class="form-control" id="pwd" placeholder="กรอก password ของท่าน">
    </div>
  </form>
  
  • - สร้างปุ่มเพื่อบันทึกข้อมูลแบบฟอร์ม

Code: Select all

<center><button type="submit" class="btn btn-default">บันทึกข้อมูล</button></center>

  • Similar Topics
    Replies
    Views
    Last post

Return to “Booststap Knowledge”

Who is online

Users browsing this forum: No registered users and 25 guests