HTMLDOMアンカーパスワードプロパティ

HTML DOMアンカーのパスワードプロパティは、href属性値のパスワード部分を設定または返します。パスワードの部分はユーザーが入力します。表示する場合は、ユーザー名の後、ホスト名の前に表示されます。つまり、 https-//username-password@www.demo.com。

パスワードプロパティを設定するための構文は次のとおりです-

anchorObj.password = password

パスワードプロパティを返す構文は次のとおりです-

anchorObj.password

DOMアンカーのパスワードプロパティを実装する例を見てみましょう-

例

<!DOCTYPE html>
<html>
<body>
<h1>Company</h1>
<p><a id="mylink" hreflang="en" href="https −//amit −mypwd123@www.abc.com">Products</a></p>
<h2 id="myid"></h2>
<button onclick="display()">Display password</button>
<button onclick="display2()">Display origin</button>
<button onclick="display3()">Display 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>

出力

HTMLDOMアンカーパスワードプロパティ

上の[パスワードの表示]ボタンをクリックして、パスワードを表示します-

HTMLDOMアンカーパスワードプロパティ

HTML<a>ターゲット属性

HTML<input>必須属性

HTMLDOM入力パスワードプレースホルダープロパティ
HTML DOM入力パスワードプレースホルダープロパティは、入力パスワードフィールドのプレースホルダー属性値を設定または返すために使用されます。プレースホルダープロパティは、ユーザーが何かを入力する前に入力フィールド内にテキストを表示することにより、Webページのユーザーに入力要素に関するヒントを与えるために使用されます。プレースホルダーテキストはデフォルトで灰色で表示され、valueプロパティとは異なりフォームに送信されません。構文以下は、-の構文です。プレースホルダープロパティの設定- passwordObject.placeholder = text ここで、textは、パス
HTMLDOMアンカーのホスト名プロパティ
HTML DOMアンカーのホスト名プロパティは、URLのホスト名のみを返します。ドメイン名を返します。構文以下は、ホスト名プロパティを設定するための構文です- anchorObj.hostname = hostname 上記では、ホスト名はURLのホスト名です。構文以下は、ホスト名プロパティを返す構文です- anchorObj.hostname 例 DOMアンカーのホスト名プロパティを実装する例を見てみましょう- <!DOCTYPE html> <html> <body> <h1>Company</h1> <p&