Skip to main content

เคล็ดลับที่เป็นประโยชน์เกี่ยวกับวิธีการใช้แบบฟอร์ม Mailto

Anonim

คุณลักษณะทั่วไปของเว็บไซต์ที่นักออกแบบเว็บไซต์จำนวนมากต่อสู้ด้วยเป็นรูปแบบ คุณอาจต้องการเพิ่มฟอร์มลงในเว็บไซต์ของคุณเพื่อเป็นวิธีง่ายๆในการติดต่อกับผู้อื่นเพื่อถามคำถามหรือแสดงความสนใจในผลิตภัณฑ์หรือบริการที่คุณนำเสนอ บทเรียนออนไลน์เกี่ยวกับการเพิ่มรูปแบบเว็บไซต์ที่ซับซ้อนอาจทำให้สับสนและเปลี่ยนผู้ใช้เว็บใหม่ ๆ ออกไป

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

ถ้าคุณยังใหม่กับการออกแบบเว็บและคุณไม่ทราบวิธีการเขียนโปรแกรมการโต้ตอบที่ซับซ้อนมากขึ้นหรือคุณใช้งานเว็บไซต์ขนาดเล็กและต้องการเพียงวิธีง่ายๆในการเพิ่มฟอร์มโดยมีแบบฟอร์ม mailto เป็นแบบฟอร์มการติดต่อเป็นจำนวนมาก ง่ายกว่าการเรียนรู้การเขียน PHP นอกจากนี้ยังมีราคาถูกกว่าการซื้อสคริปต์ที่เขียนไว้ล่วงหน้าเพื่อทำเพื่อคุณ

ด้วยบทแนะนำอย่างรวดเร็วนี้เรียนรู้วิธีใช้แบบฟอร์ม mailto แม้ว่าคุณจะไม่เคยทำแบบนี้มาก่อน แต่การควบคุมเทคนิคนี้ทำได้ง่ายและแน่นอนในขอบเขตของ "การออกแบบเว็บแบบเริ่มต้น"

เริ่มต้นใช้งาน

รูปแบบ HTML อาจเป็นสิ่งที่ท้าทายสำหรับนักพัฒนาเว็บรายใหม่ ๆ เนื่องจากต้องมีมากกว่าการเรียนรู้มาร์กอัพ HTML นอกเหนือจากองค์ประกอบ HTML ที่จำเป็นในการสร้างฟอร์มและช่องต่างๆแล้วคุณยังต้องมีวิธีการบางอย่างเพื่อให้ได้รูปแบบ "งาน" ด้วย ซึ่งโดยปกติแล้วจะต้องมีการเข้าถึงสคริปต์ CGI หรือโปรแกรมอื่น ๆ เพื่อสร้างในแอ็ตทริบิวต์ "action" ของแบบฟอร์ม การดำเนินการนั้นเป็นวิธีที่ฟอร์มประมวลผลข้อมูลและสิ่งที่ทำกับมันหลังจากนั้น (เขียนลงในฐานข้อมูลส่งอีเมล ฯลฯ )

หากคุณไม่สามารถเข้าถึงสคริปต์ที่จะทำให้ฟอร์มของคุณทำงานได้มีการดำเนินการแบบฟอร์มหนึ่งรูปแบบที่เบราว์เซอร์รุ่นใหม่รองรับมากที่สุด

การกระทำ =" mailto: youremailaddress '

นี่เป็นวิธีง่ายๆในการรับข้อมูลฟอร์มจากเว็บไซต์ของคุณไปยังอีเมลของคุณ เป็นที่ยอมรับว่าโซลูชันนี้ จำกัด อยู่ในสิ่งที่สามารถทำได้ แต่สำหรับเว็บไซต์ขนาดเล็กมากก็เป็นจุดเริ่มต้นที่ดี

เคล็ดลับการใช้แบบฟอร์ม Mailto

ใช้

enctype = "text / plain" คุณลักษณะซึ่งจะบอกให้เบราว์เซอร์และไคลเอ็นต์อีเมลที่ฟอร์มส่งข้อความล้วนเรียบง่ายกว่าอะไรที่ซับซ้อนมากขึ้น เบราว์เซอร์และโปรแกรมรับส่งอีเมลบางประเภทจะส่งข้อมูลแบบฟอร์มที่เข้ารหัสสำหรับเว็บเพจ ซึ่งหมายความว่าข้อมูลจะถูกส่งเป็นหนึ่งบรรทัดยาวช่องว่างจะถูกแทนที่ด้วยเครื่องหมายบวก (+) และมีการเข้ารหัสตัวอักษรอื่น ๆ ใช้

enctype = "text / plain" ช่วยให้สามารถอ่านข้อมูลได้ง่ายขึ้น

ใช้วิธี GET หรือ POSTในขณะที่

โพสต์ บางครั้งการทำงานมักเป็นสาเหตุให้เบราว์เซอร์เปิดหน้าต่างอีเมลเปล่า หากเกิดเหตุการณ์นี้ขึ้นกับคุณ

GET จากนั้นลองเปลี่ยนไป

โพสต์

ตัวอย่าง Mailto Form

ต่อไปนี้เป็นตัวอย่างโดยใช้การดำเนินการ mailto

บันทึก: นี่เป็นมาร์กอัปที่ง่ายมาก คุณจะใช้โค้ดเหล่านี้ในฟิลด์ฟอร์มโดยใช้มาร์กอัปและองค์ประกอบความหมายเพิ่มเติม แต่ตัวอย่างนี้เพียงพอสำหรับขอบเขตของบทแนะนำนี้

ชื่อจริงของคุณ:
นามสกุลของคุณ:
ความคิดเห็นที่:

ลูกค้าของคุณจะเห็นข้อความว่าฟอร์มถูกส่งผ่านทางอีเมล นี่คือสิ่งที่ผลลัพธ์มีลักษณะดังนี้:

first_name = เจนนิเฟอร์ last_name = Kyrnin comments = สวัสดีครับ!

หมายเหตุพิเศษเกี่ยวกับแบบฟอร์ม Mailto

อีกครั้งวิธีนี้ในขณะที่ง่ายก็ยัง จำกัด มาก เห็นได้ชัดว่าเป็นสิ่งสำคัญที่ต้องทราบว่ารูปแบบ mailto ไม่ได้ใช้งานได้กับเบราว์เซอร์และโปรแกรมรับส่งเมลทั้งหมด ถ้าคุณได้ลองใช้แบบฟอร์ม mailto และไม่สำเร็จอาจเป็นเหตุผลว่าทำไมอาจมีเทคโนโลยีบางอย่างที่ทำให้ฟังก์ชันล้มเหลว สำหรับข้อมูลเพิ่มเติมเกี่ยวกับสิ่งที่อาจเป็นอุปสรรคต่อความพยายามของคุณในการใช้แบบฟอร์มดังกล่าวโปรดอ่าน "เมื่อแบบฟอร์ม Mailto ไม่ทำงาน"

แม้ว่าวิธีนี้จะเป็นความพยายามครั้งแรกที่ดีในการสร้างเว็บฟอร์มที่สร้างอีเมลและส่งข้อมูลแบบฟอร์มเนื่องจากคุณมีทักษะทางเว็บขั้นสูงมากขึ้นคุณจะต้องการสำรวจตัวเลือกที่มีประสิทธิภาพมากขึ้น จากสคริปต์ CGI ไปยังแบบ PHP ไปยังแพลตฟอร์ม CMS ที่มีวิดเจ็ตแบบฟอร์มในตัวคุณจะมีตัวเลือกขั้นสูงมากมายในการพิจารณาความต้องการแบบฟอร์มเว็บไซต์ในอนาคตของคุณ