imkopkap

#6 สร้างเว็บไซต์ภาษา html : สร้างแท็ก Form

ใช้เวลา 12 นาที 15/08/2014

การสร้างแบบฟอร์ม นั้นค่อนข้างจะสำคัญมากสำหรับการติดต่อกับ user หรือจะติดต่อในสิ่งที่อยากจะติดต่อนะครับ ซึ่งเราก็ได้ใช้ Form เป็นตัวสื่อกลาง เหมือนตอนสมัครงานทางบริษัทเขายังต้องให้เรากรอกแบบฟอร์มให้เขาเลย แน่นอนครับ แบบฟอร์มนั้นต้องมีประโยชน์ต่อผู้ให้กรอกข้อมูล แน่นอน! ไม่งั้นบริษัทคงจะไม่มีการสมัครแบบฟอร์มเพื่อรับเข้าทำงานครับ

 

 

เนื่องจากแบบฟอร์มมีความสำคัญหลายๆอย่าง อาทิ ผู้ให้กรอกแบบฟอร์มได้ทราบถึงข้อมูล ได้ทราบอัตชีวประวัติ แบบฟอร์มในเว็บไซต์จึงเหมาะสมสำหรับการติดต่อ ( contact )  การสมัคร ( Register )  การเข้าถึงงาน ( Access ) อะไรเป็นต้น

 

ในคลิปนี้ก็จะเป็นการพูดถึงการสร้างแบบฟอร์มโดยเราจะใช้แท็ก <form> แล้วภายในข้างจะต้องมีตัว input ก็คือมันจะเป็นรูปแบบกล่องข้อความนั่นเอง ส่วนชนิดของกล่องข้อความจะเป็นแบบไหนเราต้องไปกำหนดที่ Type ใน input ก็จะได้ <input type=” ” > ชนิด type ของ input ก็จะมี

 

Attribute of input
เครดิต : http://www.w3schools.com/

 

รายละเอียดยิบย่อยอื่นๆก็อยู่ภายในคลิปแล้วครับ อย่าลืม! ทุกครั้งที่เราสร้าง tag form ต้องมีเปิดและปิดทุกครั้งไม่งั้นไม่แสดงผลออกทางหน้าจอ( แต่ไม่ error )แท็ก Form ภายในยังคงต้องมีแท็ก <input type=” ” > ทุกครั้ง ถ้าไม่มีเราจะสร้างแท็ก Form มาเพื่ออะไร ทุกครั้งที่มีการสร้าง Form  เราจำเป็นต้องมีการสร้างแท็ก <input> ด้วย อันนี้สำคัญครับ

 

เหมือนในคลิปที่แก๊ปเคยเผยแพร่ให้ดูกัน ตรงนี้ ก็คือจะเป็นแท็กเกี่ยวกับการสร้างรายการเมนู เวลาเราใช้แท็กเมนูซึ่งก็คือแท็ก <ul> ภายในแท็ก <ul> จำเป็น ย้ำ! จำเป็น ต้องมีแท็ก <li> หรือ <ol> นะครับ แล้วแต่เราจะใช้ ห้ามลืมนะครับ เพราะของพวกนี้ถ้าเราใช้บ่อยๆ เดี๋ยวก็จะติดเองครับ ยิ่งใช้มากยิ่งได้มาก

 

สำหรับคลิปนี้แล้วท่านใดที่ได้ดู หรือ อยากจะศึกษา แก๊ปแนะนำให้ท่านดูไปด้วย เขียนตามไปด้วยไม่ได้ตรงไหนก็ให้หยุดคลิปก่อน แล้วทำความเข้าใจกับโค้ด หลังจากนั้นเมื่อเข้าใจแล้วก็ให้เล่นคลิปต่อ แล้วทำความเข้าใจกับมันครับ หากมีอะไรสงสัยหรืออยากส่งการบ้านให้แก๊ป ขอคำแนะนำส่งเข้ามาได้ที่ inbox นะครับ ขอบคุณทุกท่านครับ

บันทึกแนะนำ