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

HTMLDOM入力送信formTargetプロパティ


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

構文

以下は、-

の構文です。

formTargetプロパティの設定-

submitObject.formTarget = "_blank|_self|_parent|_top|framename"

ここで、_blankは新しいウィンドウで応答を開きます;_selfは同じウィンドウで応答を開きます;親は親フレームで開きます; _topはウィンドウ本体全体で開き、framenameは指定された名前付きフレームで開きます。

SubmitformTargetプロパティの例を見てみましょう-

<!DOCTYPE html>
<html>
<body>
<h1>Submit formTarget property</h1>
<form id="FORM_1" action="/Sample.php" 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" formtarget=_self>
</form>
<p>View the form response in the new window instead of same window by clicking the below button</p>
<button onclick="changeTarget()">CHANGE</button>
<p id="Sample"></p>
<script>
   function changeTarget() {
      document.getElementById("SUBMIT1").formTarget="_blank";
      document.getElementById("Sample").innerHTML = "The response will now open in the new window";
}
</script>
</body>
</html>

出力

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

HTMLDOM入力送信formTargetプロパティ

変更ボタンをクリックすると-

HTMLDOM入力送信formTargetプロパティ


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

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

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

    HTML DOM入力送信formNoValidateプロパティは、送信ボタンのformNoValidate属性値を設定または返すために使用されます。 formNoValidateプロパティは、サーバーに送信するときにフォームデータを検証する必要があるかどうかを示すために使用されます。 要素のnovalidateプロパティをオーバーライドします。このプロパティは、submit型の入力要素に対してHTML5で導入されました。 以下は、-の構文です。 formNoValidateプロパティの設定- submitObject.formNoValidate = true|false ここで、tru