คุณสมบัติ HTML DOM Input Text defaultValue ใช้สำหรับการตั้งค่าหรือรับ defaultValue ของฟิลด์ข้อความ defaultValue ขององค์ประกอบคือค่าที่กำหนดให้กับแอตทริบิวต์ค่า ความแตกต่างระหว่างคุณสมบัติค่าและคุณสมบัติ defaultValue คือค่าหลังจะรักษาค่าเริ่มต้นดั้งเดิมที่ระบุในขณะที่ค่าคุณสมบัติค่าเปลี่ยนแปลงตามอินพุตของผู้ใช้ในฟิลด์อินพุต
ไวยากรณ์
ต่อไปนี้เป็นไวยากรณ์การตั้งค่าคุณสมบัติ defaultValue -
textObject.defaultValue = value
ในที่นี้ “ค่า” คือค่าเริ่มต้นของช่องข้อความ
ตัวอย่าง
ให้เราดูตัวอย่างคุณสมบัติ Text defaultValue -
<!DOCTYPE html>
<html>
<body>
<h1>Input Text defaultValue Property</h1>
USERNAME: <input type="text" id="TEXT1" value="RON_1" autofocus>
<p>Change the above text field default value by clicking on the CHANGE button</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> ผลลัพธ์
สิ่งนี้จะสร้างผลลัพธ์ต่อไปนี้ -
