คุณสมบัติ HTML DOM Input Password defaultValue ใช้สำหรับการตั้งค่าหรือรับค่า defaultValue ของฟิลด์รหัสผ่าน defaultValue ขององค์ประกอบคือค่าที่กำหนดให้กับแอตทริบิวต์ค่า ความแตกต่างระหว่างคุณสมบัติค่าและคุณสมบัติ defaultValue คือคุณสมบัติ defaultValue ยังคงค่าเริ่มต้นเดิมที่ระบุในขณะที่คุณสมบัติของค่าเปลี่ยนไปตามการป้อนข้อมูลของผู้ใช้ในฟิลด์อินพุต
ไวยากรณ์
ต่อไปนี้เป็นไวยากรณ์การตั้งค่าคุณสมบัติ defaultValue -
passwordObject.defaultValue = value
ในที่นี้ “ค่า” คือค่าเริ่มต้นของฟิลด์รหัสผ่าน
ตัวอย่าง
ให้เราดูตัวอย่างคุณสมบัติ Input Password defaultValue -
<!DOCTYPE html>
<html>
<body>
<h1>Input Password defaultValue Property</h1>
Password: <input type="password" id="PASS" value="abcd123">
<p>Change the above password 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("PASS").defaultValue="Password1234";
var P=document.getElementById("PASS").defaultValue;
document.getElementById("Sample").innerHTML = "Default value has been changed from abc123 to "+P ;
}
</script>
</body>
</html> ผลลัพธ์
สิ่งนี้จะสร้างผลลัพธ์ต่อไปนี้ -
เมื่อคลิกปุ่ม CHANGE -
ในตัวอย่างข้างต้น −
ขั้นแรก เราได้สร้างช่องป้อนรหัสผ่านด้วย id “PASS” และ value=”abcd123”
Password: <input type="password" id="PASS" value="abcd123">
จากนั้นเราได้สร้างปุ่ม CHANGE ที่จะรันเมธอด changeDefault() เมื่อผู้ใช้คลิก -
<button type="button" onclick="changeDefault()">CHANGE</button>
เมธอด changeDefault() ใช้เมธอด getElementById() เพื่อรับฟิลด์อินพุตที่มีรหัสผ่านประเภท และตั้งค่าคุณสมบัติ defaultValue เป็น “Password123” จากนั้นเราได้รับคุณสมบัติ defaultValue ของอินพุตที่มีประเภทรหัสผ่านอีกครั้งโดยใช้เมธอด getElementById() และกำหนดให้กับตัวแปร P ตัวแปรนี้จะแสดงในย่อหน้าด้วย id “Sample” โดยใช้คุณสมบัติ innerHTML ของย่อหน้า -
function changeDefault() {
document.getElementById("PASS").defaultValue="Password1234";
var P=document.getElementById("PASS").defaultValue;
document.getElementById("demo").innerHTML = "Default value has been changed from abc123 to "+P ;
} 