คุณสมบัติ name ของ HTML DOM Input Datetime

คุณสมบัติ name ของ HTML DOM Input Datetime ใช้สำหรับดึงหรือกำหนดค่าแอตทริบิวต์ name ของช่องกรอกวันที่และเวลา (datetime) ค่าที่ได้จะเป็นสตริง (string)

ไวยากรณ์ (Syntax)

การดึงค่า (คืนค่า string)

inputDatetimeObject.name

การกำหนดค่า name

inputDatetimeObject.name = 'String'

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

ตัวอย่างด้านล่างแสดงการดึงค่า name และเปลี่ยนค่า name ของช่อง datetime เมื่อคลิกปุ่ม:

<!DOCTYPE html>
<html>
<head>
<title>Input Datetime Name</title>
</head>
<body>
<form>
  Datetime: <input type="datetime" id="datetime" name="Mother's Birth Day" value="1983-05-13T15:32IST">
</form>
<button onclick="changeNameValue()">Change name value</button>
<div id="divDisplay"></div>
<script>
  var inputDatetime = document.getElementById("datetime");
  var divDisplay = document.getElementById("divDisplay");
  divDisplay.textContent = 'Name of datetime input: ' + inputDatetime.name;
  function changeNameValue() {
    if(inputDatetime.name == "Mother's Birth Day"){
      inputDatetime.name = "Father's Birth Day";
      divDisplay.textContent = 'Name of datetime input: ' + inputDatetime.name;
    }
  }
</script>
</body>
</html>

ผลลัพธ์ (Output)

ก่อนคลิกปุ่ม: แสดง name เดิมคือ "Mother's Birth Day" หลังคลิกปุ่ม Change name value: name จะเปลี่ยนเป็น "Father's Birth Day"

หมายเหตุ: แอตทริบิวต์ name ใช้เพื่อระบุชื่อของฟิลด์เมื่อส่งข้อมูลฟอร์มไปยังเซิร์ฟเวอร์