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

HTMLDOM入力送信値プロパティ

HTML DOM入力送信値プロパティは、type =” submit”を持つ入力要素とvalue属性に関連付けられています。送信ボタンの値属性の値を返すか、設定するために使用されます。送信ボタンのvalueプロパティは、ボタンに表示されるテキストを変更します。デフォルトでは、テキストは「送信」です。

構文

以下は、-

の構文です。

値プロパティの設定-

submitObject.value = text;

ここで、テキストは送信ボタンに表示されるテキストを指定するために使用されます。

例

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

<!DOCTYPE html>
<html>
<body>
<h1>Input submit Value property</h1>
<form 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>Change the above element value by clicking the below button</p>
<button onclick="changeValue()">CHANGE</button>
<p id="Sample"></p>
<script>
   function changeValue() {
      document.getElementById("SUBMIT1").value="Form_Submit";
      document.getElementById("Sample").innerHTML="The submit button value is changed and the value can be seen on the button itself";
   }
</script>
</body>
</html>

出力

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

HTMLDOM入力送信値プロパティ

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

HTMLDOM入力送信値プロパティ


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

    HTML DOM入力送信タイププロパティは、type =” submit”を持つ入力要素に関連付けられています。入力送信要素に対して常に送信を返します。 構文 以下は、送信タイププロパティの構文です- submitObject.type 例 送信タイププロパティの例を見てみましょう- <!DOCTYPE html> <html> <body> <h1>Input range type Property</h1> <form> VOLUME <input type="range" id=&quo

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

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