คุณสมบัติ name ของ HTML DOM Input Date คืนค่าสตริงซึ่งเป็นแอตทริบิวต์ name ของ input date ผู้ใช้สามารถตั้งค่าเป็นสตริงใหม่ได้
รูปแบบไวยากรณ์ (Syntax)
- การคืนค่าสตริง
inputDateObject.name
- การตั้งค่าแอตทริบิวต์ name เป็นค่าสตริง
inputDateObject.name = ‘String’
ตัวอย่าง
ตัวอย่างการใช้งานคุณสมบัติ Input Date name:
<!DOCTYPE html> <html> <head> <title>Input Date Name</title> </head> <body> <form> เลือกวันที่: <input type="date" id="date" name="Monday"> </form> <button onclick="changeNameValue()">เปลี่ยนค่า name</button> <div id="divDisplay"></div> <script> var inputDate = document.getElementById("date"); var divDisplay = document.getElementById("divDisplay"); divDisplay.textContent = 'Name of date input: '+inputDate.name; function changeNameValue() { if(inputDate.name == 'Monday'){ inputDate.name = 'Tuesday'; divDisplay.textContent = 'Name of date input: '+inputDate.name; } } </script> </body> </html>
ผลลัพธ์
โค้ดด้านบนจะให้ผลลัพธ์ดังนี้:
ก่อนคลิกปุ่ม 「เปลี่ยนค่า name」 :
หลังคลิกปุ่ม 「เปลี่ยนค่า Name」 :
