home

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

HTML

แอตทริบิวต์ for ขององค์ประกอบ

ไวยากรณ์

ต่อไปนี้เป็นไวยากรณ์ -

<label for="id">

ด้านบน id คือ id องค์ประกอบที่เกี่ยวข้อง

ตัวอย่าง

ให้เราดูตัวอย่างการใช้แอตทริบิวต์ for ขององค์ประกอบ 

<!DOCTYPE html>
<html>
<body>
<h2>Last Semester Results</h2>
<form>
<fieldset>
<legend>Result</legend>
<label for="stinfo">Student:</label>
<input type="text" id ="stinfo" value="Jack"><br>
<label for="sub">Subject:</label>
<input type="text" value="Maths"><br>
<label for="rank">Rank:</label>
<input type="number" value="8"><br>
</fieldset>
</form>
</body>
</html>

ผลลัพธ์

สิ่งนี้จะสร้างผลลัพธ์ต่อไปนี้ -

HTML label สำหรับแอตทริบิวต์

ในตัวอย่างข้างต้น เรามีแบบฟอร์มที่มีบางฟิลด์ -

<form>
<fieldset>
<legend>Result</legend>
<label for="stinfo">Student:</label>
<input type="text" id ="stinfo" value="Jack"><br>
<label for="sub">Subject:</label>
<input type="text" value="Maths"><br>
<label for="rank">Rank:</label>
<input type="number" value="8"><br>
</fieldset>
</form>

เราได้ตั้งค่าป้ายกำกับสำหรับฟิลด์โดยใช้แอตทริบิวต์ขององค์ประกอบ 

<label for="stinfo">Student:</label>
<input type="text" id ="stinfo" value="Jack"><br>

ตอนนี้ข้อความประเภทอินพุตด้วย is stinfo จะมีป้ายกำกับว่า "นักเรียน" เนื่องจากเราได้ตั้งค่าด้วยป้ายกำกับสำหรับ -

<label for="stinfo">Student:</label>