Computer >> คอมพิวเตอร์ >  >> การเขียนโปรแกรม >> HTML

HTML Select:A How-To Guide

แท็ก HTML ควรมีแท็ก

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

HTML เราจะยกตัวอย่างเพื่อช่วยให้คุณเริ่มต้นใช้แท็กนี้

แบบฟอร์ม HTML

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

ใน HTML

tag ใช้ในการประกาศแบบฟอร์ม จากนั้น คุณสามารถใช้องค์ประกอบ HTML เช่น และเลือกกำหนดข้อมูลที่แบบฟอร์มจะรวบรวม สำหรับบทช่วยสอนนี้ เราจะเน้นที่ แท็ก

HTML

81% ของผู้เข้าร่วมกล่าวว่าพวกเขารู้สึกมั่นใจมากขึ้นเกี่ยวกับโอกาสในการทำงานด้านเทคโนโลยีหลังจากเข้าร่วม bootcamp จับคู่กับ Bootcamp วันนี้

ผู้สำเร็จการศึกษาจากหลักสูตร bootcamp โดยเฉลี่ยใช้เวลาน้อยกว่าหกเดือนในการเปลี่ยนอาชีพ ตั้งแต่เริ่มต้น bootcamp ไปจนถึงหางานแรก

แท็กเป็นดังนี้:

<select></select>

โดยตัวมันเอง แท็ก.

นี่คือไวยากรณ์สำหรับ แท็ก:

<select>
	<option value="optionOne">Option One</option>
</select>

แท็กปรากฏใน . ของเรา แท็ก.

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

แต่ละ แท็กควรมีแอตทริบิวต์ค่าที่ระบุ

HTML แท็ก HTML

การใช้ อาจมีประโยชน์สำหรับ:

  • ระบุรายชื่อประเทศที่ผู้ใช้จะเลือก
  • ระบุรายการสีที่มีให้เลือกให้กับผู้ใช้
  • เพื่อให้ผู้ใช้สามารถเลือกปริมาณของผลิตภัณฑ์ที่ต้องการซื้อได้ (เช่น ระหว่าง 1 ถึง 10)

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

HTML

ขั้นแรก เราใช้ แอตทริบิวต์แท็ก

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

บทสรุป

HTML ฟิลด์มีประโยชน์เมื่อคุณต้องการให้ผู้ใช้เลือกค่าจากรายการค่าที่เป็นไปได้ที่กำหนดไว้ล่วงหน้า

บทช่วยสอนนี้กล่าวถึงตัวอย่างว่าคุณสามารถใช้แท็ก