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

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

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

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

 

และจะมีการกำหนดสิทธิ์ในการเพิ่มข้อมูลสมาชิก คือ  ให้ฟิลด์ m_level มีค่า = m  ดังโค๊ด

 

code

ผลการทำงาน  formregister  ทดลองคลิก…

 

 

 

สามารถนำไปประยุกต์ใช้ได้กับระบบสมัครสมาชิกจากบทความ

WE.14 โปรแกรมเพิ่มข้อมูลแบบที่ 2และป้องกันการสมัครสมาชิกซ้ำ Dreamweaver + php + database

 

 

 

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

(Visited 1,644 times, 30 visits today)

Related posts:

Bootstrap.1 การใช้งาน Bootstrap, How to install Bootstrap.
รับสอนพัฒนาเว็บไซต์ด้วยภาษา PHP (ถูกม๊ากกกก)
bootstrap.6 สอนใช้งาน glyphicon ใน bootstrap ฟรี, ใส่ไอคอนหน้าเว็บ, Icon we...
ทำ Popup หน้าเว็บแบบง่ายๆ Website Popup
bootstrap .10 สอนใช้ bootstrap แปะ youtube และแผนที่ในเว็บไซต์แบบรองรับการใ...
WEB.3 การสร้างฐานข้อมูลและสร้างการเชื่อมต่อฐานข้อมูลจาก Dreamweaver CS6
WEB.5 โปรแกรมแสดงข้อมูลจาก database โดยไม่ต้องเขียน code, PHP, [devbanban.c...
Free Template 08 ฟอร์มรับค่าวันที่ แสดงได้ทุก Browser, Datepicker
Free Template 11 ฟอร์มเพิ่มข่าว Bootstrap + CKEditor + FREE CODE
ฟรีระบบแจ้งซ่อมคอมพิวเตอร์ออนไลน์ PHP, MYSQL, BOOTSTRAP, DREAMWEAVER