HTML Input Object สร้างฟอร์ม เพื่อส่งค่าให้ PHP Input object แต่ละประเภท
Posted: 21/03/2012 3:55 pm
ในการใช้งาน PHP การส่งค่าด้วย Input ต่างๆนั้นสำคัญอย่างยิ่ง ผมจะมาแนะนำ การใช้ Input แต่ละแบบให้ได้ทราบกันครับผม
สิ่งสำคัญที่ควรมีใน input คือ
1.type ที่ใช้บ่อยๆมีทั้งหมด 11 แบบครับ
- textเป็น ช่องให้กรอกข้อความธรรมดา
- checkbox เป็นช่องสี่เหลี่ยมๆ เอาไว้ติ๊กใส่ เช่น คุณรู้จักภาษาอะไรบ้าง PHP JAVA C# VB ถ้าคุณรู้จักทั้งหมด คุณก็ติ๊กถูกในช่องสี่เหลี่ยมหน้าชื่อได้ทั้ง 4 ภาษาเลย
- radio เป็นช่องกลมๆ เอาไวิต๊กใส่เหมือนกัน แต่ส่วนมากจะใช้เลือกข้อใดข้อหนึ่งเท่านั้น เช่น คุณเป็นเพศอะไร ชาย หญิง ซึ่งตามความเป็นจริงคุณควรจะมีเพศเดียวเท่านั้น
- select เป็น list รายการให้เราเลือก โดยมีปุ่มให้เราคลิ๊ก เมื่อคลิ๊กแล้วจะมีรายการมาหลายๆรายการ ให้เราเลือก ว่าจะใช้ข้อมูลไหน เช่น กรุณาเลือกจังหวัด กรุงเทพฯ,อยุทธยา,อ่างทอง,สมุทรปราการ เป็นต้น
- multiple เป็น select อีกแบบหนึ่งแต่สามารถเลือกได้หลายรายการ
- submit เป็นปุ่ม Button เอาไว้ส่งค่าที่เรากรอกทั้งหมด ไปที่ Page ใด Page หนึ่ง
- image เป็นเหมือนปุ่ม submit เลยแต่จะแตกต่างตรงที่ สามารถกำหนดเป็นรูปภาพได้ ว่าจะใช้ภาพไหนแทนปุ่ม submit
- hidden เป็นการสร้าง ตัวเอาไว้มารับค่า เพื่อส่งไปอีก From หนึ่ง โดยที่ผู้ใช้จะมองไม่เห็นว่า มันมีอยู่
- file เป็นการสร้างตัว upload ไฟล์ต่างๆเข้าสู่ Server ของเรา
- reset เป็นการล้างข้อมูลที่เราเคยกรอกไว้ใน From นั้นๆให้หายไป
- password เป็นการสร้างช่องกรอกพาสเวิด ซึ่งจะมองไม่เห็นตัวอักษรที่เรากรอกไป
2.name ในการเขียน PHP คุณควรจะตั้งชื่อ name แต่ละ Input เอาไว้ เพื่อเวลาการส่งค่าไปหน้า From อื่นๆ จะสามารถ อ้างอิงถึง Input ต่างๆที่เรากรอกไว้ได้
3.id ก็คล้ายๆกับ name แต่จะมีความสำคัญกับการอ้างอิงตำแหน่งต่างๆ ใน TAG นั้นๆ มีประโยชน์ในการเอาไปใช้ร่วมกับ Java Script และ CSS
4.value เป็นค่าต่างๆที่เราจะกำหนดขึ้นมาเองก็ได้เป็นค่าเริ่มต้น หรือ เป็นค่าที่รอผู้ใช้มากรอกใส่เข้าไปก็ได้
เมื่ออ่านจบ กระทู้ สองหน้านี้แล้ว แนะนำให้ อ่านต่อ
https://www.mindphp.com/forums/viewtopic ... 29&t=11771
บทเรียน HTML 5 : https://www.mindphp.com/%E0%B8%9A%E0%B8% ... html5.html
- connection-contemporary-data-html-input.jpg (51.86 KiB) Viewed 2018 times
1.type ที่ใช้บ่อยๆมีทั้งหมด 11 แบบครับ
- textเป็น ช่องให้กรอกข้อความธรรมดา
- checkbox เป็นช่องสี่เหลี่ยมๆ เอาไว้ติ๊กใส่ เช่น คุณรู้จักภาษาอะไรบ้าง PHP JAVA C# VB ถ้าคุณรู้จักทั้งหมด คุณก็ติ๊กถูกในช่องสี่เหลี่ยมหน้าชื่อได้ทั้ง 4 ภาษาเลย
- radio เป็นช่องกลมๆ เอาไวิต๊กใส่เหมือนกัน แต่ส่วนมากจะใช้เลือกข้อใดข้อหนึ่งเท่านั้น เช่น คุณเป็นเพศอะไร ชาย หญิง ซึ่งตามความเป็นจริงคุณควรจะมีเพศเดียวเท่านั้น
- select เป็น list รายการให้เราเลือก โดยมีปุ่มให้เราคลิ๊ก เมื่อคลิ๊กแล้วจะมีรายการมาหลายๆรายการ ให้เราเลือก ว่าจะใช้ข้อมูลไหน เช่น กรุณาเลือกจังหวัด กรุงเทพฯ,อยุทธยา,อ่างทอง,สมุทรปราการ เป็นต้น
- multiple เป็น select อีกแบบหนึ่งแต่สามารถเลือกได้หลายรายการ
- submit เป็นปุ่ม Button เอาไว้ส่งค่าที่เรากรอกทั้งหมด ไปที่ Page ใด Page หนึ่ง
- image เป็นเหมือนปุ่ม submit เลยแต่จะแตกต่างตรงที่ สามารถกำหนดเป็นรูปภาพได้ ว่าจะใช้ภาพไหนแทนปุ่ม submit
- hidden เป็นการสร้าง ตัวเอาไว้มารับค่า เพื่อส่งไปอีก From หนึ่ง โดยที่ผู้ใช้จะมองไม่เห็นว่า มันมีอยู่
- file เป็นการสร้างตัว upload ไฟล์ต่างๆเข้าสู่ Server ของเรา
- reset เป็นการล้างข้อมูลที่เราเคยกรอกไว้ใน From นั้นๆให้หายไป
- password เป็นการสร้างช่องกรอกพาสเวิด ซึ่งจะมองไม่เห็นตัวอักษรที่เรากรอกไป
2.name ในการเขียน PHP คุณควรจะตั้งชื่อ name แต่ละ Input เอาไว้ เพื่อเวลาการส่งค่าไปหน้า From อื่นๆ จะสามารถ อ้างอิงถึง Input ต่างๆที่เรากรอกไว้ได้
3.id ก็คล้ายๆกับ name แต่จะมีความสำคัญกับการอ้างอิงตำแหน่งต่างๆ ใน TAG นั้นๆ มีประโยชน์ในการเอาไปใช้ร่วมกับ Java Script และ CSS
4.value เป็นค่าต่างๆที่เราจะกำหนดขึ้นมาเองก็ได้เป็นค่าเริ่มต้น หรือ เป็นค่าที่รอผู้ใช้มากรอกใส่เข้าไปก็ได้
เมื่ออ่านจบ กระทู้ สองหน้านี้แล้ว แนะนำให้ อ่านต่อ
https://www.mindphp.com/forums/viewtopic ... 29&t=11771
บทเรียน HTML 5 : https://www.mindphp.com/%E0%B8%9A%E0%B8% ... html5.html