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

HTMLDOM入力カラーフォームプロパティ


Input Color formプロパティは、入力色の囲みフォームの参照を返します。

構文

以下は構文です-

  • フォームオブジェクトへの参照を返す
inputColorObject.form

入力カラーフォームの例を見てみましょう プロパティ-

<!DOCTYPE html>
<html>
<head>
<title>Input Color Form</title>
</head>
<body>
<form id="formForColorsInput">
Color Picker: <input type="color" id="Color" >
</form>
<button onclick="getFormID()">Get Form ID</button>
<div id="divDisplay"></div>
<script>
   function getFormID() {
      var inputColor = document.getElementById("Color");
      var divDisplay = document.getElementById("divDisplay");
      divDisplay.textContent = 'Form ID for color input: '+inputColor.form.id;
   }
</script>
</body>
</html>

出力

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

[フォームIDを取得]をクリックする前に ’ボタン-

HTMLDOM入力カラーフォームプロパティ

[フォームIDを取得]をクリックした後 ’ボタン-

HTMLDOM入力カラーフォームプロパティ


  1. HTMLDOM入力テキストフォームプロパティ

    HTML DOM入力テキストフォームプロパティは、入力テキストフィールドを含むフォーム参照を返すために使用されます。入力テキストフィールドがフォームの外にある場合は、単にNULLを返します。このプロパティは読み取り専用です。 構文 以下は、入力テキストフォームプロパティの構文です。 textObject.form 例 入力テキストフォームプロパティの例を見てみましょう- <!DOCTYPE html> <html> <body> <h1>Input Text form Property</h1> <form id="

  2. HTMLDOM入力ラジオフォームプロパティ

    HTML DOM入力ラジオフォームプロパティは、指定された入力ラジオボタンを含むフォーム参照を返すために使用されます。ラジオボタンがフォームの外にある場合は、単にNULLを返します。このプロパティは読み取り専用です。 構文 以下は、入力無線フォームプロパティの構文です- radioObject.form 例 Inputradioformプロパティの例を見てみましょう。 <!DOCTYPE html> <html> <body> <h1>Input radio form Property</h1> <form id="