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

HTMLDOMフィールドセットフォームプロパティ

HTML DOMフィールドセットフォームプロパティは、フォームオブジェクト型のフォーム参照を返します。これは、指定されたフォーム内に存在する

要素用です。読み取り専用のプロパティです。指定されたフィールドセットがフォーム内に存在しない場合、nullが返されます

構文

以下は、フィールドセットフォームプロパティの構文です-

fieldsetObject.form

例

フィールドセットフォームプロパティの例を見てみましょう-

<!DOCTYPE html>
<html>
<head>
<script>
   function formId() {
      var field = document.getElementById("FieldSet1").form.id;
      document.getElementById("Sample").innerHTML = "The id of the form in which fieldset
      element is present is "+field;
   }
</script>
</head>
<body>
<h1>Sample FORM</h1>
<form id="FORM1">
<fieldset id="FieldSet1">
<legend>User Data:</legend>
Name:<input type="text"><br>
Address:<input type="text"><br>
Age:<input type="text">
</fieldset>
</form>
<br>
<button onclick="formId()">GET ID</button>
<p id="Sample"></p>
</body>
</html>

出力

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

HTMLDOMフィールドセットフォームプロパティ

[IDを取得]ボタンをクリックすると-

HTMLDOMフィールドセットフォームプロパティ

上記の例では-

最初に、IDが「FieldSet1」の

要素を含むIDが「FORM1」の
要素を作成しました-

<form id="FORM1">
<fieldset id="FieldSet1">
<legend>User Data:</legend>
Name:<input type="text"><br>
Address:<input type="text"><br>
Age:<input type="text">
</fieldset>
</form>

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

<button onclick="formId()">GET ID</button>

formId（）関数は、getElementById（）を使用してフィールドセット要素を取得し、そのform.idプロパティを取得して、指定されたフィールドセット要素が存在するフォームIDを返します。 form.idの戻り値がフィールド変数に割り当てられます。次に、変数はID「Sample」が関連付けられている段落に表示され、そのinnerHTMLプロパティを使用して目的のテキストを割り当てます-

function formId() {
   var field = document.getElementById("FieldSet1").form.id;
   document.getElementById("Sample").innerHTML = "The id of the form in which fieldset element is    present is "+field;
}
です。
  1. HTMLDOMTextareaフォームプロパティ

    HTML DOM Textareaフォームプロパティは、テキストエリアを囲むフォームの引用を返します。 構文 以下は構文です- object.form HTML DOM Textareaフォームプロパティの例を見てみましょう： 例 <!DOCTYPE html> <html> <style>    body {       text-align: center;       background-color: #363946;       col

  2. HTMLDOMオブジェクトフォームプロパティ

    HTML DOM Object formプロパティは、要素の囲みフォームの参照を返します。 以下は構文です- フォームへの参照を返す オブジェクト ObjectElement.form オブジェクトフォームプロパティの例を見てみましょう − 例 <!DOCTYPE html> <html> <head> <title>HTML DOM Object form</title> <style>    form {       width:70%;   &nbs