HTML
 Computer >> コンピューター >  >> プログラミング >> HTML

HTMLDOM入力パスワードreadOnlyプロパティ

HTML DOM入力パスワードreadOnlyプロパティは、入力パスワードフィールドが読み取り専用かどうかを設定または返すために使用されます。 readOnlyプロパティを使用すると、要素は編集できなくなりますが、タブまたはクリックでフォーカスを合わせることができます。読み取り専用要素内にデフォルト値がある場合、送信時にサーバーに送信されます。

構文

以下は、-

の構文です。

readOnlyプロパティを設定します-

passwordObject.readOnly = true|false

ここで、trueはパスワードフィールドが読み取り専用であることを表し、falseはそれ以外の場合を表します。 readOnlyプロパティはデフォルトでfalseに設定されています。

例

パスワードのreadOnlyプロパティの例を見てみましょう-

<!DOCTYPE html>
<html>
<body>
<h1>password readOnly property</h1>
Password: <input type="password" id="PASS1" >
<p>Change the readOnly property of the above field by clicking the below button</p>
<button onclick="changeRead()">CHANGE</button>
<script>
   function changeRead() {
      document.getElementById("PASS1").readOnly = true;
   }
</script>
</body>
</html>

出力

これにより、次の出力が生成されます-

HTMLDOM入力パスワードreadOnlyプロパティ

変更ボタンをクリックすると。これで、入力パスワードボックス内に入力できなくなります-

HTMLDOM入力パスワードreadOnlyプロパティ

上記の例では-

最初に、IDが「PASS1」の入力パスワードフィールドを作成しました。

Password: <input type="password" id="PASS1">

次に、ユーザーがクリックしたときにchangeRead（）メソッドを実行するボタンCHANGEを作成しました-

<button onclick="changeRead()">CHANGE</button>

changeRead（）メソッドは、getElementById（）メソッドを使用して、パスワード型の入力要素を取得します。次に、readOnlyプロパティをtrueに設定します。つまり、パスワードフィールドにテキストを入力することはできませんが、フォーカスを合わせることができます。送信ボタンをクリックすると、内部のテキストがサーバーに送信されます-

function changeRead() {
   document.getElementById("PASS1").readOnly = true;
}

  1. HTMLDOM入力パスワードタイププロパティ

    HTML DOM入力パスワードtypeプロパティは、type =” password”を持つinput要素に関連付けられています。入力されたパスワード要素のパスワードを常に返します。 構文 パスワードタイププロパティの構文は次のとおりです- passwordObject.type 例 入力パスワードタイププロパティの例を見てみましょう- <!DOCTYPE html> <html> <body> <h1>password type property</h1> PASSWORD: <input type="passw

  2. HTMLDOM入力パスワードreadOnlyプロパティ

    HTML DOM入力パスワードreadOnlyプロパティは、入力パスワードフィールドが読み取り専用かどうかを設定または返すために使用されます。 readOnlyプロパティを使用すると、要素は編集できなくなりますが、タブまたはクリックでフォーカスを合わせることができます。読み取り専用要素内にデフォルト値がある場合、送信時にサーバーに送信されます。 構文 以下は、-の構文です。 readOnlyプロパティを設定します- passwordObject.readOnly = true|false ここで、trueはパスワードフィールドが読み取り専用であることを表し、falseはそれ以外の場合を表