ฟิลด์อินพุตแบบปรนัยสำหรับแบบฟอร์ม HTML

• อาจ 14, 2024

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

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

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

ในตัวอย่างด้านบนคำถามอาจมีการเข้ารหัสดังนี้:

สีหลักที่คุณชอบคืออะไร?

สีแดง

สีน้ำเงิน

สีเหลือง

ในเว็บไซต์ของคุณคำถามจะมีลักษณะดังนี้:

สีหลักที่คุณชอบคืออะไร?
สีแดง
สีน้ำเงิน
สีเหลือง

เขตข้อมูลแบบปรนัยที่สองคือเมนูแบบเลื่อนลง ด้วยเมนูแบบเลื่อนลงคุณสามารถเลือกที่จะอนุญาตให้มีการเลือกหลายแบบหรือแบบเดียวเท่านั้น เมนูแบบเลื่อนลงยังใช้พื้นที่น้อยในหน้าดังนั้นพวกเขาช่วยให้คุณสามารถนำเสนอตัวเลือกเพิ่มเติมด้วยความแออัดน้อย

เมนูแบบเลื่อนลงใช้แท็ก "เลือก" เป็นรากฐานของฟิลด์และแท็ก "ตัวเลือก" เพื่อตั้งค่ารายการเมนู คุณสามารถแก้ไขแท็ก "select" ด้วยแอตทริบิวต์ "size" ซึ่งระบุจำนวนรายการที่จะปรากฏก่อนที่ผู้เยี่ยมชมจะคลิกเพื่อเปิดเมนูและแอตทริบิวต์ "multiple" ซึ่งหากตั้งไว้จะอนุญาตให้ผู้เยี่ยมชมเลือกมากกว่าหนึ่งตัวเลือก . คุณยังสามารถแก้ไขแท็ก "ตัวเลือก" คุณลักษณะ "เลือก" ช่วยให้คุณสามารถเลือกตัวเลือกนั้นล่วงหน้า

นี่คือคำถามตัวอย่างโดยใช้เมนูแบบเลื่อนลง:

วันใดในสัปดาห์ที่คุณโปรดปรานน้อยที่สุด


วันอาทิตย์
วันจันทร์
วันอังคาร
วันพุธ
วันพฤหัสบดี
วันศุกร์
วันเสาร์


ในเว็บไซต์ของคุณคำถามจะมีลักษณะดังนี้:

วันใดในสัปดาห์ที่คุณโปรดปรานน้อยที่สุด

วันอาทิตย์
วันจันทร์
วันอังคาร
วันพุธ
วันพฤหัสบดี
วันศุกร์
วันเสาร์


ตัวเลือกหลายตัวเลือกที่สามคือช่องทำเครื่องหมาย ช่องทำเครื่องหมายคล้ายกับปุ่มตัวเลือกยกเว้นจะอนุญาตให้ผู้เยี่ยมชมเลือกหลายตัวเลือก ช่องทำเครื่องหมายอนุญาตให้ใช้คุณลักษณะเดียวกันกับปุ่มตัวเลือก

คำถามตัวอย่างโดยใช้ช่องทำเครื่องหมาย:

คุณมีสัตว์เลี้ยงอะไร

หมา

แมว

นก

เม้าส์

หนูแฮมสเตอร์

จระเข้

อื่น ๆ


ผู้เข้าชมของคุณจะเห็น:

คุณมีสัตว์เลี้ยงอะไร
หมา
แมว
นก
เม้าส์
หนูแฮมสเตอร์
จระเข้
อื่น ๆ