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

HTMLDOM入力隠し名前プロパティ

HTML DOM入力非表示名プロパティは、HTMLドキュメントのtype =” hidden”の入力フィールドのname属性の値を返し、変更します。

構文

以下は構文です-

1.名前を返す

object.name

2.名前の変更

object.name=”text”

例

HTMLDOM入力の隠し名前プロパティの例を見てみましょう-

<!DOCTYPE html>
<html>
<head>
<style>
   body{
      text-align:center;
      background-color:#F19A3E;
      color:#fff;
   }
   .btn{
      background-color:#3C787E;
      border:none;
      height:2rem;
      border-radius:50px;
      width:60%;
      margin:1rem auto;
      display:block;
      color:#fff;
      outline:none;
   }
   .show{
      color:#fff;
      font-size:1.2rem;
      font-weight:600;
   }
</style>
</head>
<body>
<h1>DOM Hidden name Property Example</h1>
Enter your Name:
<input type="hidden" class="input-field" name="Hi_I'm_hidden_input_field">
<button onclick="getName()" class="btn">Click to get name of hidden input field</button>
<div class="show"></div>
<script>
   function getName() {
      var inputField = document.querySelector(".input-field");
      var msgDiv= document.querySelector(".show");
      msgDiv.innerHTML=inputField.name;
   }
</script>
</body>
</html>

出力

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

HTMLDOM入力隠し名前プロパティ

次に、「青」をクリックします 」ボタンをクリックして、非表示の入力フィールドのname属性の値を取得します。

HTMLDOM入力隠し名前プロパティ



  1. HTMLDOM入力無線名プロパティ

    HTML DOM入力無線名プロパティは、入力無線フィールドのname属性を設定または返すために使用されます。 name属性は、サーバーに送信された後のフォームデータを識別するのに役立ちます。 JavaScriptは、name属性を使用して、後で操作するフォーム要素を参照することもできます。 構文 以下は、-の構文です。 nameプロパティを設定します。 radioObject.name = name ここでの名前は、ラジオボタンの名前を指定するためのものです。 例 ラジオ名プロパティの例を見てみましょう- <!DOCTYPE html> <html> <b

  2. HTMLDOM入力範囲名プロパティ

    HTML DOM入力範囲名プロパティは、入力範囲フィールドの名前属性を設定または返すために使用されます。 name属性は、サーバーに送信された後のフォームデータを識別するのに役立ちます。 JavaScriptは、name属性を使用して、後で操作するためのフォーム要素を参照することもできます。 構文 以下は、-の構文です。 名前プロパティの設定- rangeObject.name = name 例 ここで、nameはレンジスライダーコントロール名を指定するためのものです。 範囲名プロパティの例を見てみましょう- <!DOCTYPE html> <html> <