คุณสมบัติ password ของ Anchor ใน HTML DOM

คุณสมบัติ password ของ Anchor ใน HTML DOM

คุณสมบัติ password ของ Anchor ใน HTML DOM ตั้งค่าหรือคืนค่าส่วนรหัสผ่านของค่าแอตทริบิวท์ href ส่วนรหัสผ่านเป็นส่วนที่ผู้ใช้ป้อน หากต้องการแสดง สามารถมองเห็นได้หลัง username และก่อน hostname เช่น https://username:password@www.demo.com

รูปแบบการตั้งค่าคุณสมบัติ password:

anchorObj.password = password

รูปแบบการคืนค่าคุณสมบัติ password:

anchorObj.password

ตัวอย่าง

<!DOCTYPE html>
<html>
<body>
  <h1>บริษัท</h1>
  <p><a id="mylink" hreflang="en" href="https://amit:mypwd123@www.abc.com">สินค้า</a></p>
  <h2 id="myid"></h2>
  <button onclick="display()">แสดงรหัสผ่าน</button>
  <button onclick="display2()">แสดง origin</button>
  <button onclick="display3()">แสดง hreflang</button>
  <script>
    function display() {
      var a = document.getElementById("mylink").password;
      document.getElementById("myid").innerHTML = a;
    }
    function display2() {
      var a = document.getElementById("mylink").origin;
      document.getElementById("myid").innerHTML = a;
    }
    function display3() {
      var a = document.getElementById("mylink").hreflang;
      document.getElementById("myid").innerHTML = a;
    }
  </script>
</body>
</html>

ผลลัพธ์

คลิกที่ปุ่ม "แสดงรหัสผ่าน" ด้านบนเพื่อแสดงรหัสผ่าน: