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

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

HTML DOM入力パスワード名プロパティは、入力パスワードフィールドの名前属性を設定または返すために使用されます。 name属性は、サーバーに送信された後のフォームデータを識別するのに役立ちます。 JavaScriptは、name属性を使用して、後で操作するフォーム要素を参照することもできます。

構文

以下は、-

の構文です。

名前プロパティの設定-

passwordObject.name = name

ここで、nameはパスワードフィールド名を指定するためのものです。

例

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

<!DOCTYPE html>
<html>
<body>
<h1>Input Password name Property</h1>
Password: <input type="password" id="PASS" name="passW">
<p>Change the name of the password field by clicking the below button</p>
<button onclick="changeName()">CHANGE NAME</button>
<p id="Sample"></p>
<script>
   function changeName() {
      document.getElementById("PASS").name ="NEW_PASS" ;
      document.getElementById("Sample").innerHTML = "Password field name is now NEW_PASS";
   }
</script>
</body>
</html>

出力

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

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

[名前の変更]ボタンをクリックすると-

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

上記の例では-

最初に、IDが「PASS」で名前属性値が「passW」に設定された入力パスワードフィールドを作成しました-

Password: <input type="password" id="PASS" maxLength=”5”>

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

<button type="button" onclick="changeName()">CHANGE NAME</button>

changeName（）メソッドは、getElementById（）メソッドを使用して、パスワード型の入力フィールドを取得し、その名前プロパティを「NEW_PASS」に設定します。次に、innerHTMLプロパティ-

を使用して、IDが「Sample」の段落にメッセージを表示することにより、この変更を示します。 
function changeName() {
   document.getElementById("PASS").name ="NEW_PASS" ;
   document.getElementById("Sample").innerHTML = "Password field name is now NEW_PASS";
}

  1. HTMLDOM入力送信名プロパティ

    HTML DOM入力送信名プロパティは、送信ボタンの名前属性を設定または返すために使用されます。 name属性は、サーバーに送信された後のフォームデータを識別するのに役立ちます。 構文 以下は、-の構文です。 名前プロパティの設定- submitObject.name = name ここでの名前は、送信ボタンの名前を指定するためのものです。 例 Submitnameプロパティの例を見てみましょう- <!DOCTYPE html> <html> <body> <h1>Input submit name Property</h1>

  2. HTMLDOM入力テキスト名プロパティ

    HTML DOM入力テキスト名プロパティは、入力テキストフィールドの名前属性を設定または返すために使用されます。 name属性は、サーバーに送信された後のフォームデータを識別するのに役立ちます。 構文 以下は、-の構文です。 名前プロパティの設定- textObject.name = name ここで、nameはテキストフィールド名を指定するためのものです。 例 テキスト名プロパティの例を見てみましょう- <!DOCTYPE html> <html> <body> <h1>Input Text name Property</h1&g