คุณสมบัติ HTML DOM Input Range name

คุณสมบัติ name ของ input type="range" ใช้ตั้งค่าหรือดึงค่าแอตทริบิวต์ name ของ range slider ช่วยระบุข้อมูลฟอร์มหลังส่งเซิร์ฟเวอร์ และ JavaScript ใช้อ้างอิงจัดการ element ได้

ไวยากรณ์ (Syntax)

การตั้งค่า name:

rangeObject.name = name

name คือชื่อที่ต้องการกำหนดให้ range slider

ตัวอย่างการใช้งาน

<!DOCTYPE html>
<html>
<body>
<h1>คุณสมบัติ name ของ Input Range</h1>
<form>
  ระดับเสียง <input type="range" id="RANGE1" name="VOL">
</form>
<p>คลิกปุ่มเพื่อเปลี่ยนชื่อ range control</p>
<button type="button" onclick="changeName()">เปลี่ยนชื่อ</button>
<p id="Sample"></p>
<script>
  function changeName() {
    document.getElementById("RANGE1").name = "VOLUME";
    document.getElementById("Sample").innerHTML = "ชื่อ range control ตอนนี้คือ VOLUME";
  }
</script>
</body>
</html>

ผลลัพธ์

เริ่มต้น: Slider มี name="VOL"

คลิก "เปลี่ยนชื่อ": name เปลี่ยนเป็น "VOLUME" และข้อความยืนยันแสดง

คำอธิบายโค้ด

• Slider: type="range", id="RANGE1", name="VOL"
• ปุ่ม "เปลี่ยนชื่อ" เรียก changeName()
• ตั้งค่า .name = "VOLUME" แล้วแสดงผล

การใช้งาน: แอตทริบิวต์ name จำเป็นสำหรับการส่งข้อมูลฟอร์ม — เซิร์ฟเวอร์จะได้รับค่าผ่าน key นี้ (เช่น VOLUME=75) ควรตั้งชื่อให้สื่อความหมาย