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

HTMLDOM入力送信formMethodプロパティ

HTML DOM入力送信formMethodプロパティは、送信ボタンのformMethod属性値を設定または返すために使用されます。これは、フォームデータをサーバーに送信するときに使用するHTTPメソッドを指定します。 formMethod属性値は、

要素に関連付けられたメソッド属性値をオーバーライドします。タイプsubmitの入力要素用にHTML5で導入されました。

構文

以下は、-

の構文です。

formMethodプロパティの設定-

submitObject.formMethod = get|post

ここで、getはデフォルトのメソッドであり、フォームデータをURLに追加します。例：URL？name =value＆name=value。通常は安全ではなく、プライベートではないデータに使用できます。

ユーザーは、URL文字列を確認することで、送信されているデータを確認できます。 2番目の方法であるpostは、データをHTTP postトランザクションとして送信し、通常は安全です。サーバーに送信されている間は誰もデータを見ることができないため、postメソッドにはgetメソッドのようなサイズ制限はありません。

例

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

<!DOCTYPE html>
<html>
<body>
<h1>Submit formMethod 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" formmethod="post">
</form>
<p>Set the formMethod attribute value of the above submit button inside the form to get
by clicking the below button</p>
<button onclick="changeMethod()">CHANGE</button>
<p id="Sample"></p>
<script>
   function changeMethod() {
      document.getElementById("SUBMIT1").formMethod = "get";
      document.getElementById("Sample").innerHTML = "The formaction attribute value has been changed from post to get";
}
</script>
</body>
</html>

出力

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

HTMLDOM入力送信formMethodプロパティ

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

HTMLDOM入力送信formMethodプロパティ


  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