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

HTMLDOM入力リセットフォームプロパティ

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

構文

以下は、入力リセットフォームプロパティの構文です。

resetObject.form

例

入力リセットフォームプロパティの例を見てみましょう-

<!DOCTYPE html>
<html>
<body>
<h1>Input reset form Property</h1>
<form id="FORM_1" style="border:solid 2px green;padding:2px">
UserName: <input type="text" id="USR"> <br>
Location: <input type="text" id="Age"> <br><br>
<input type="reset" id="RESET1">
</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("RESET1").form.id;
      document.getElementById("Sample").innerHTML = "The id of the form containing the reset button is: "+P ;
   }
</script>
</body>
</html>

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

HTMLDOM入力リセットフォームプロパティ

GETFORMボタンをクリックすると-

HTMLDOM入力リセットフォームプロパティ

上記の例では-

type =” reset”、id =” RESET1”の要素を作成しました。このボタンをクリックすると、フォームデータがリセットされます。このボタンは、2つのテキストフィールドを含むフォーム内にあり、フォームにもインラインスタイルが適用されています。

<form style="border:solid 2px green;padding:2px">
UserName: <input type="text" id="USR"> <br>
Location: <input type="text" id="Age"> <br><br>
<input type="reset" id="RESET1">
</form>

次に、ユーザーがクリックしたときにformId（）メソッドを実行するボタンGETFORMを作成しました。

<button type="button" onclick="formId()">GET FORM</button>

formId（）メソッドは、getElementById（）メソッドを使用して、タイプがリセットされた入力フィールドを取得し、リセットボタンを含むフォームオブジェクトのidプロパティを取得します。次に、この値を変数Pに割り当て、innerHTMLプロパティ-

を使用して、IDが「Sample」の段落に表示します。 
function formId() {
   var P=document.getElementById("RESET1").form.id;
   document.getElementById("Sample").innerHTML = "The id of the form containing the reset button is: "+P ;
}

  1. HTMLDOM入力ラジオフォームプロパティ

    HTML DOM入力ラジオフォームプロパティは、指定された入力ラジオボタンを含むフォーム参照を返すために使用されます。ラジオボタンがフォームの外にある場合は、単にNULLを返します。このプロパティは読み取り専用です。 構文 以下は、入力無線フォームプロパティの構文です- radioObject.form 例 Inputradioformプロパティの例を見てみましょう。 <!DOCTYPE html> <html> <body> <h1>Input radio form Property</h1> <form id="

  2. HTMLDOM入力範囲フォームプロパティ

    HTML DOM入力範囲フォームプロパティは、指定された入力範囲スライダーを含むフォーム参照を返すために使用されます。範囲スライダーがフォームの外にある場合は、単にNULLを返します。このプロパティは読み取り専用です。 構文 以下は、入力範囲フォームプロパティの構文です。 rangeObject.form 例 入力範囲フォームプロパティの例を見てみましょう- <!DOCTYPE html> <html> <body> <h1>Input range form Property</h1> <form id="FORM