คุณสมบัติ type ของ HTML DOM Input Date จะคืนค่า/ตั้งค่าประเภทของ Input Date
รูปแบบการใช้งาน (Syntax)
การคืนค่าสตริง:
inputDateObject.type
การตั้งค่า type เป็นค่าสตริง:
inputDateObject.type = stringValue
ค่าสตริงที่เป็นไปได้
ที่นี่ “stringValue” สามารถเป็นได้ดังนี้
| stringValue | รายละเอียด |
|---|---|
| date | กำหนดว่าประเภท input เป็น date |
| radio | กำหนดว่าประเภท input เป็น radio |
| checkbox | กำหนดว่าประเภท input เป็น checkbox |
ตัวอย่างการใช้งาน
ตัวอย่างด้านล่างแสดงการใช้งานคุณสมบัติ Input Date type
<!DOCTYPE html> <html> <head> <title>Input Date type</title> </head> <body> <form> <div> ปฏิทิน: <input type="date" id="dateSelect" value="2017-05-01"> </div> </form> <button onclick="changeType()">เปลี่ยนประเภท</button> <div id="divDisplay"></div> <script> var divDisplay = document.getElementById("divDisplay"); var inputDate = document.getElementById("dateSelect"); divDisplay.textContent = 'ประเภท Input: '+ inputDate.type; function changeType(){ if(inputDate.type === 'date'){ var currDate = inputDate.value; inputDate.type = 'text'; inputDate.value = currDate; } divDisplay.textContent = 'ประเภท Input: '+ inputDate.type; } </script> </body> </html>
ผลลัพธ์
โค้ดด้านบนจะให้ผลลัพธ์ดังนี้
ก่อนคลิกปุ่ม ‘เปลี่ยนประเภท’
หลังคลิกปุ่ม ‘เปลี่ยนประเภท’
