HTML <label> นามสกุล for

HTML แบบฟอร์มแสดงข้อความ

คำอธิบายและการใช้งาน

for ตัวแปรกำหนดให้แทนป้ายหมายเชื่อมโยงกับอุปกรณ์ฟอร์มใด

การเชื่อมโยงลับๆ และแบบเรียก

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

ตัวอย่าง

การเชื่อมโยงแบบเรียกแบบเรียก

<label for="SSN">หมายเลขบัตรประชาชน：</label>
<input type="text" name="IdNum" id="IN" />

การเชื่อมโยงลับๆ

<label>วันเกิด：<input type="text" name="DofB" /></label>

ติดตามแบบเรียกแบบเรียกเข้าใจต่อไป ข้อความ "Social Security Number:" และช่องใส่ข้อมูลของเบอร์ความปลอดภัยสังคม ("SocSecNum") ของฟอร์ม for ค่าของตัวแปรและค่า id ของอุปกรณ์ต่างกันเหมือนกัน ทั้งหมดเป็น SSN ค่าที่หมายเลข ("Date of Birth:") ไม่จำเป็น for ตัวแปร และอุปกรณ์ที่เกี่ยวข้องของมันไม่จำเป็นต้องมีค่า id รวมถึงเนื่องจากมันได้มีการเชื่อมโยงกันอย่างลับๆ โดยการใส่ <input> ใน <label> ตามต้นแบบ

ตัวอย่าง

สามปุ่มเลือกแบบเลือกที่มีป้ายหมาย:

<form action="/action_page.php">
  <input type="radio" id="html" name="fav_language" value="HTML">
  <label for="html">HTML</label><br>
  <input type="radio" id="css" name="fav_language" value="CSS">
  <label for="css">CSS</label><br>
  <input type="radio" id="javascript" name="fav_language" value="JavaScript">
  <label for="javascript">JavaScript</label><br><br>
  <input type="submit" value="ส่ง">
</form>

ทดลองด้วยตัวเอง

การใช้งาน

<label for="element_id">

ค่าของอุปกรณ์

ค่า คำอธิบาย
element_id id ขององค์ประกอบที่มีทาグ

การสนับสนุนโปรแกรมนี้

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
สนับสนุน สนับสนุน สนับสนุน สนับสนุน สนับสนุน

HTML แบบฟอร์มแสดงข้อความ