HTMLDOM入力パスワード無効プロパティ
HTML DOM入力パスワード無効プロパティは、パスワードフィールドが無効かどうかを設定または返すために使用されます。ブール値を使用します。trueは要素を無効にする必要があり、それ以外の場合はfalseを表します。デフォルトでは、disabledプロパティはfalseに設定されています。無効になっている要素はデフォルトでグレー表示されており、クリックできません。
構文
以下は、-
の構文です。無効なプロパティの設定-
passwordObject.disabled = true|false;
ここで、true =パスワードフィールドは無効であり、false=パスワードフィールドは無効ではありません。デフォルトではfalseです。
例
Inputpassworddisabledプロパティの例を見てみましょう-
<!DOCTYPE html>
<html>
<body>
<h1>Input Password disabled Property</h1>
Password: <input type="password" id="PASS">
<p>Disable the above password field by clicking on the DISABLE button</p>
<button type="button" onclick="disablePass()">DISABLE</button>
<p id="Sample"></p>
<script>
function disablePass() {
document.getElementById("PASS").disabled=true;
document.getElementById("Sample").innerHTML = "The password field is now disabled" ;
}
</script>
</body>
</html> 出力
これにより、次の出力が生成されます-
DISABLEボタンをクリックすると-
「無効」ボタンをクリックすると-
上記の例では-
最初にIDが「PASS」の入力パスワードフィールドを作成しました。この無効なプロパティはデフォルトでFALSEに設定されています-
Password: <input type="password" id="PASS" value="abcd123">
次に、ユーザーがクリックしたときにdisablePass（）メソッドを実行するボタンDISABLEを作成しました-
<button type="button" onclick="disablePass()">DISABLE</button>
disablePass（）メソッドは、getElementById（）メソッドを使用して、パスワード型の入力フィールドを取得し、disabledプロパティをtrueに設定します。これにより、パスワードフィールドが無効になり、グレー表示になります。次に、IDが「Sample」の段落のinnerHTMLプロパティを使用して、パスワードフィールドが無効になったことを示すメッセージを表示します-
function disablePass() {
document.getElementById("PASS").disabled=true;
document.getElementById("Sample").innerHTML = "The password field is now disabled" ;
} -
HTMLDOM入力パスワード値プロパティ
HTML DOM入力パスワードvalueプロパティは、type =” password”を持ち、value属性を持つinput要素に関連付けられています。このプロパティは、パスワードフィールドのデフォルト値を指定するために使用され、値をユーザー入力に変更します。 構文 以下は、-の構文です。 valueプロパティを設定します。 passwordObject.value = text; ここでは、パスワードフィールドの値を指定するためにテキストが使用されています。 例 入力パスワード値プロパティの例を見てみましょう- <!DOCTYPE html> <html>
-
HTMLDOM入力パスワードプレースホルダープロパティ
HTML DOM入力パスワードプレースホルダープロパティは、入力パスワードフィールドのプレースホルダー属性値を設定または返すために使用されます。プレースホルダープロパティは、ユーザーが何かを入力する前に入力フィールド内にテキストを表示することにより、Webページのユーザーに入力要素に関するヒントを与えるために使用されます。プレースホルダーテキストはデフォルトで灰色で表示され、valueプロパティとは異なりフォームに送信されません。 構文 以下は、-の構文です。 プレースホルダープロパティの設定- passwordObject.placeholder = text ここで、textは、パス