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

HTMLDOM入力送信フォームプロパティ

HTML DOM入力送信フォームプロパティは、指定された送信ボタンを含むフォーム参照を返すために使用されます。送信ボタンがフォームの外にある場合は、単にNULLを返します。このプロパティは読み取り専用です。

構文

以下は、入力送信フォームプロパティの構文です-

submitObject.form

例

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

<!DOCTYPE html>
<html>
<body>
<h1>Input submit form Property</h1>
<form action="Sample_page.php" id="FORM_1" style="border:solid 2px green;padding:2px">
UserName: <input type="text" id="USR"> <br>
Location: <input type="text" id=“Loc”> <br><br>
<input type="submit" id="SUBMIT1">
</form>
<p>Get the form id by clicking on the below button</p>
<button type="button" onclick="formId()">GET FORM</button>
<p id="Sample"></p>
<script>
   function formId() {
      var P=document.getElementById("SUBMIT1").form.id;
      document.getElementById("Sample").innerHTML = "The id of the form containing the submit
      button is: "+P ;
   }
</script>
</body>
</html>

出力

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

HTMLDOM入力送信フォームプロパティ

GETFORMをクリックすると-

HTMLDOM入力送信フォームプロパティ


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

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

  2. HTMLDOM入力送信formTargetプロパティ

    HTML DOM入力送信formTargetプロパティは、送信ボタンのformTarget属性値を設定または返すために使用されます。 HTML DOM入力送信formTargetプロパティは、フォームデータが送信された後にサーバーからの応答を表示する場所です。 formTargetプロパティは、form要素のtargetプロパティをオーバーライドします。タイプsubmitの入力要素用にHTML5で導入されました。 構文 以下は、-の構文です。 formTargetプロパティの設定- submitObject.formTarget = "_blank|_self|_parent|_