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

HTMLDOM入力送信formEnctypeプロパティ


HTML DOM送信formEnctypeプロパティは、送信ボタンのformEnctype属性値を設定または返すために使用されます。これは、HTML5で、submit型の入力要素に導入されました。これは、サーバーに送信するときにフォームのデータをどのようにエンコードするかを指定するために使用されます。

このプロパティは、method =” post”プロパティがある場合にのみ機能します。 formEnctype属性値は、

要素

に関連付けられたenctype属性値をオーバーライドします。

構文

以下は、-

の構文です。

送信formEnctypeプロパティの設定-

submitObject.enctype = encoding

ここで、エンコーディングは「application / x-www-form-urlencoded」にすることができます。これは、すべての文字が送信前にエンコードされることを意味し、これがデフォルトのエンコーディングです。もう1つは、「multipart / form-data」です。これは、文字をエンコードしないことを指定し、サーバーへのファイルのアップロードに使用されます。 3番目のエンコーディングは「text/plain」であり、スペースを「+」記号に変換するだけで、他のエンコーディングは変換しません。 text./plainエンコーディングは安全ではないため、使用しないでください。

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

<!DOCTYPE html>
<html>
<head>
<script>
   function changeEnc() {
      document.getElementById("SUBMIT1").formEnctype = "application/x-www-formurlencoded";
      document.getElementById("Sample").innerHTML = "The formenctype attribute value is now 'application/x-www-form-urlencoded' ";
   }
</script>
</head>
<body>
<h1>Submit formEnctype property example</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" formenctype="multipart/form-data">
</form>
<br>
<button onclick="changeEnc()">CHANGE</button>
<p id="Sample"></p>
</body>
</html>

出力

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

HTMLDOM入力送信formEnctypeプロパティ

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

HTMLDOM入力送信formEnctypeプロパティ


  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