แบบฟอร์ม HTML Tutorial
คุณลักษณะทั่วไปของเว็บไซต์ที่นักออกแบบเว็บไซต์จำนวนมากต่อสู้ด้วยรูปแบบ คุณอาจต้องการเพิ่มฟอร์มลงในเว็บไซต์ของคุณเพื่อเป็นวิธีง่ายๆในการติดต่อกับผู้อื่นเพื่อถามคำถามหรือแสดงความสนใจในผลิตภัณฑ์หรือบริการที่คุณนำเสนอ บทเรียนออนไลน์เกี่ยวกับการเพิ่มรูปแบบเว็บไซต์ที่ซับซ้อนอาจทำให้สับสนและเปลี่ยนผู้ใช้เว็บใหม่ ๆ ออกไป
แบบฟอร์มบนเว็บไม่จำเป็นต้องเป็นเรื่องยากที่จะทำงานร่วมกับแม้เว็บใหม่
แบบฟอร์ม Mailto เป็นวิธีง่ายๆในการทำให้ฟอร์มทำงานได้ พวกเขาพึ่งพาลูกค้าอีเมลเพื่อส่งข้อมูลฟอร์มจากคอมพิวเตอร์ของลูกค้าไปยังเจ้าของฟอร์ม ข้อมูลฟอร์มที่กรอกโดยผู้ใช้เว็บไซต์คืออีเมลไปยังที่อยู่เฉพาะตามที่ระบุไว้ในการเขียนโค้ดสำหรับแบบฟอร์ม
ถ้าคุณยังใหม่กับการออกแบบเว็บและคุณไม่ทราบวิธีการเขียนโปรแกรมการโต้ตอบที่ซับซ้อนมากขึ้นหรือคุณใช้งานเว็บไซต์ขนาดเล็กและต้องการเพียงวิธีง่ายๆในการเพิ่มฟอร์มโดยมีแบบฟอร์ม mailto เป็นแบบฟอร์มการติดต่อเป็นจำนวนมาก ง่ายกว่าการเรียนรู้การเขียน PHP นอกจากนี้ยังมีราคาถูกกว่าการซื้อแผ่นเขียนล่วงหน้าที่จะทำเพื่อคุณ
ด้วยบทแนะนำอย่างรวดเร็วนี้เรียนรู้วิธีใช้แบบฟอร์ม mailto แม้ว่าคุณจะไม่เคยทำแบบนี้มาก่อน แต่การควบคุมเทคนิคนี้ทำได้ง่ายและแน่นอนในขอบเขตของ "การออกแบบเว็บแบบเริ่มต้น"
เริ่มต้นใช้งาน
รูปแบบ HTML อาจเป็นสิ่งที่ท้าทายสำหรับ นักพัฒนาเว็บราย ใหม่ ๆ เนื่องจากต้องมีมากกว่าการเรียนรู้มาร์กอัพ HTML นอกเหนือจากองค์ประกอบ HTML ที่จำเป็นในการสร้างฟอร์มและช่องต่างๆแล้วคุณยังต้องมีวิธีการบางอย่างเพื่อให้ได้รูปแบบ "งาน" ด้วย ซึ่งโดยปกติแล้วจะต้องมีการเข้าถึง สคริปต์ CGI หรือโปรแกรมอื่น ๆ เพื่อสร้างในแอ็ตทริบิวต์ "action" ของแบบฟอร์ม
การดำเนินการนั้นเป็นวิธีที่ฟอร์มประมวลผลข้อมูลและสิ่งที่เกิดขึ้นกับภายหลัง (เขียนลงในฐานข้อมูลส่งอีเมล ฯลฯ )
หากคุณไม่สามารถเข้าถึงสคริปต์ที่จะทำให้ฟอร์มของคุณทำงานได้มีการดำเนินการแบบฟอร์มหนึ่งรูปแบบที่เบราว์เซอร์รุ่นใหม่รองรับมากที่สุด
action = " mailto: youremailaddress "
นี่เป็นวิธีง่ายๆในการรับข้อมูลฟอร์มจากเว็บไซต์ของคุณไปยังอีเมลของคุณ
เป็นที่ยอมรับว่าโซลูชันนี้ จำกัด อยู่ในสิ่งที่สามารถทำได้ แต่สำหรับเว็บไซต์ขนาดเล็กมากก็เป็นจุดเริ่มต้นที่ดี
เคล็ดลับการใช้แบบฟอร์ม Mailto
ใช้แอตทริบิวต์ enctype = "text / plain"
ซึ่งจะบอกให้เบราว์เซอร์และไคลเอ็นต์อีเมลที่ฟอร์มส่งข้อความล้วนเรียบง่ายกว่าอะไรที่ซับซ้อนมากขึ้น เบราว์เซอร์และโปรแกรมรับส่งเมลบางชนิดจะส่งข้อมูลแบบฟอร์มที่เข้ารหัสสำหรับ เว็บเพจ ซึ่งหมายความว่าข้อมูลจะถูกส่งเป็นหนึ่งบรรทัดยาวช่องว่างจะถูกแทนที่ด้วยเครื่องหมายบวก (+) และมีการเข้ารหัสตัวอักษรอื่น ๆ การใช้แอตทริบิวต์ enctype = "text / plain" ช่วยให้สามารถอ่านข้อมูลได้ง่ายขึ้น
ใช้วิธี GET หรือ POST
ในขณะที่วิธีการ POST บางครั้งใช้งานได้บ่อยครั้งทำให้เบราว์เซอร์เปิดหน้าต่างอีเมลเปล่า หากเกิดเหตุการณ์นี้ขึ้นกับคุณด้วยวิธี GET ลองเปลี่ยนไปใช้ POST
ตัวอย่าง Mailto Form
ต่อไปนี้เป็นตัวอย่างโดยใช้การดำเนินการ mailto (หมายเหตุนี่เป็นมาร์กอัปที่ง่ายมากคุณควรจะใช้โค้ดเหล่านี้ในฟิลด์ฟอร์มโดยใช้มาร์กอัปและองค์ประกอบความหมายเพิ่มเติม แต่ตัวอย่างนี้เพียงพอสำหรับขอบเขตของบทแนะนำนี้):
ชื่อของคุณ:
นามสกุลของคุณ:
ความคิดเห็น:
form>
ลูกค้าของคุณจะเห็นข้อความว่าฟอร์มถูกส่งผ่านทางอีเมล นี่คือสิ่งที่ผลลัพธ์มีลักษณะดังนี้:
first_name = เจนนิเฟอร์
last_name = Kyrnin
comments = สวัสดีครับ!
หมายเหตุพิเศษเกี่ยวกับแบบฟอร์ม Mailto
อีกครั้งวิธีนี้ในขณะที่ง่ายก็ยัง จำกัด มาก เห็นได้ชัดว่าเป็นสิ่งสำคัญที่ต้องทราบว่า รูปแบบ mailto ไม่ได้ใช้งานได้ กับเบราว์เซอร์และโปรแกรมรับส่งอีเมลทุกประเภท ถ้าคุณได้ลองใช้แบบฟอร์ม mailto และไม่สำเร็จอาจเป็นเหตุผลว่าทำไมอาจมีเทคโนโลยีบางอย่างที่ทำให้ฟังก์ชันล้มเหลว สำหรับข้อมูลเพิ่มเติมเกี่ยวกับสิ่งที่อาจเป็นอุปสรรคต่อความพยายามของคุณในการใช้แบบฟอร์มดังกล่าวโปรดอ่าน " เมื่อแบบฟอร์ม Mailto ไม่ทำงาน "
แม้ว่าวิธีนี้จะเป็นความพยายามครั้งแรกในการสร้างเว็บฟอร์มที่สร้างอีเมลและส่งข้อมูลแบบฟอร์มเนื่องจากคุณมีทักษะทางเว็บขั้นสูงมากขึ้นคุณจะต้องการสำรวจตัวเลือกที่มีประสิทธิภาพมากขึ้น จากสคริปต์ CGI ไปยังแบบ PHP ไปยังแพลตฟอร์ม CMS ที่มีวิดเจ็ตแบบฟอร์มในตัวคุณจะมีตัวเลือกขั้นสูงมากมายในการพิจารณาความต้องการแบบฟอร์มเว็บไซต์ในอนาคตของคุณ!
บทความต้นฉบับโดย Jennifer Krynin แก้ไขโดย Jeremy Girard เมื่อวันที่ 9/12/17