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

HTMLDOM入力リセットタイププロパティ

HTML DOM入力リセットタイププロパティは、type =” reset”を持つ入力要素に関連付けられています。入力リセット要素に対しては常にリセットを返します。

構文

以下は、リセットタイププロパティの構文です-

resetObject.type

例

リセットタイププロパティの例を見てみましょう-

<!DOCTYPE html>
<html>
<body>
<h1>Input reset type Property</h1>
<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>
<p>Get the above input element type by clicking the below button</p>
<button type="button" onclick="resetType()">GET Type</button>
<p id="Sample"></p>
<script>
   function resetType() {
      var P=document.getElementById("RESET1").type;
      document.getElementById("Sample").innerHTML = "The type for the input field is: "+P ;
   }
</script>
</body>
</html>

出力

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

HTMLDOM入力リセットタイププロパティ

GETTypeプロパティをクリックすると-

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>

次に、ユーザーがクリックしたときにresetType（）メソッドを実行するボタン「GETType」を作成しました-

<button type="button" onclick="resetType()">GET Type</button>

resetType（）メソッドは、getElementById（）メソッドを使用して入力要素を取得し、そのタイプ属性値を変数Pに割り当てます。この変数は、innerHTMLプロパティ-

を使用してIDが「Sample」の段落に表示されます。 
function getType() {
   var P = document.getElementById("RESET1").type;
   document.getElementById("Sample").innerHTML = "The type for the input field is : "+P;
}

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

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

  2. HTMLDOMOlタイププロパティ

    HTML DOM Ol typeプロパティは、順序付きリストで使用されるマーカーのタイプに対応するtype属性の値を設定/返します。 以下は構文です- タイププロパティを返す olObject.type 設定タイプ キャラクターに olObject.type = ‘1|a|A|i|I’ Olタイプの例を見てみましょう プロパティ- 例 <!DOCTYPE html> <html> <head> <title>HTML DOM Ol type</title> <style>   &n