คุณสมบัติ defaultValue ของ HTML DOM Input Text ใช้สำหรับตั้งค่าหรือดึง defaultValue ของช่องข้อความ defaultValue ขององค์ประกอบคือค่าที่กำหนดให้แอตทริบิวต์ value ความแตกต่างระหว่างคุณสมบัติ value และ defaultValue คือ defaultValue เก็บค่าเริ่มต้นที่ระบุไว้ ในขณะที่คุณสมบัติ value เปลี่ยนตามการป้อนข้อมูลของผู้ใช้ในช่อง input
ไวยากรณ์
ไวยากรณ์สำหรับการตั้งค่าคุณสมบัติ defaultValue:
textObject.defaultValue = value
ที่นี่ “value” คือค่าเริ่มต้นของช่องข้อความ
ตัวอย่าง
มาดูตัวอย่างสำหรับคุณสมบัติ defaultValue ของ Text:
<!DOCTYPE html> <html> <body> <h1>Input Text defaultValue Property</h1> USERNAME: <input type="text" id="TEXT1" value="RON_1" autofocus> <p>เปลี่ยนค่าเริ่มต้นของช่องข้อความด้านบนโดยคลิกปุ่ม CHANGE</p> <button type="button" onclick="changeDefault()">CHANGE</button> <p id="Sample"></p> <script> function changeDefault() { document.getElementById("TEXT1").defaultValue="ROHAN_2"; var P=document.getElementById("TEXT1").defaultValue; document.getElementById("Sample").innerHTML = "Default value has been changed from RON_1 to "+P ; } </script> </body> </html>
ผลลัพธ์
จะได้ผลลัพธ์ดังนี้:
