Template นี้จะมีการสร้างฟอร์มสมัครสมาชิกโดยใช้ class  form-horizontal ของ bootstrap เป็นตัวจัดระเบียบให้มีความสวยงามและน่าใช้งาน  เป็นฟอร์มที่ทำขึ้นแบบง่ายๆครับ ยังไม่มีลูกเล่นอะไรมากมาย แต่ก็สามารถนำไปประยุกต์ใช้งานได้จริง และรองรับการใช้งานบนมือถือ

และมีการกำหนดรูปแบบของการกรอกข้อมูล username & password ตามที่กำหนด ดังนี้

pattern=”^[a-zA-Z0-9]+$”    คือ ให้กรอกข้อมูลเป็นตัวอักษรภาษาอังกฤษ ตัวเลขและอักขรพิเศษเท่านั้น  

minlength=”2″  คือ กำหนดให้กรอกข้อมูลอย่างน้อย 2 ตัวขึ้นไป 

 

code: register.html

ผลการทำงาน

screen-shot-2559-11-19-at-20-15-21

 

YouTube Preview Image

 

 

อย่าลืมนำไปพัฒนาต่อนะครับ

 

 

 

 

 

มีความสนใจเทคโนโลยีที่ใช้พัฒนาเว็บไซต์ และอยากแบ่งปันความรู้ด้านการพัฒนาเว็บไซต์และอื่นๆอีกมากมาย…

(Visited 2,094 times, 62 visits today)

Related posts:

Bootstrap.3 : ทำลิงค์ธรรมดาให้สวยงาม, ทำลิงค์ให้เป็นปุ่ม, Link button
bootstrap.6 สอนใช้งาน glyphicon ใน bootstrap ฟรี, ใส่ไอคอนหน้าเว็บ, Icon we...
Bootstrap .9 สอนใช้ Bootstrap : List Group, สร้างเมนูสวยๆจาก Bootstrap
ระบบปณิธาณความดี คณะวิทยาการจัดการ มรภ.ธนบุรี
Free Template 02 ฟอร์มสมัครสมาชิก + code ตัวอย่าง
WEB.25 ตะกร้าสินค้า php, Dreamweaver, Bootstrap ตอนที่ 3 Confirm Cart
ระบบคลินิกรักษาสัตว์ออนไลน์
Bootstrap.20 : Bootstrap ปรับความเร็วในการแสดงสไลด์ Carousel Interval
Free Template 15 หน้าเว็บหลักรองรับการใช้งานทุกหน้าจอ Responsive web, boots...
เว็บไซต์เช่าบ้าน/เช่าคอนโด/ขายบ้าน