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

HTMLDOM入力リセットオブジェクト

HTML DOM入力リセットオブジェクトは、タイプ「reset」の要素に関連付けられています。 createElement（）メソッドとgetElementById（）メソッドをそれぞれ使用して、タイプがリセットされた入力要素を作成してアクセスできます。

プロパティ

以下は、入力リセットオブジェクトのプロパティです-

プロパティ 説明
オートフォーカス ページが読み込まれたときにリセットボタンが自動的にフォーカスを取得するかどうかを設定または戻すには。
defaultValue リセットボタンのデフォルト値を設定または戻すには。
無効 リセットボタンが無効になっているかどうかを設定または戻すには。
フォーム リセットボタンを含むフォームの参照を返すため。
名前 リセットボタンのname属性値を設定または返すため。
タイプ リセットボタンのフォーム要素タイプを返すため。
値 スライダーコントロールのvalue属性値を設定または返すため。

例

入力リセットオブジェクトの例を見てみましょう-

<!DOCTYPE html>
<html>
<head>
<script>
   function resetCreate() {
      var Res = document.createElement("INPUT");
      Res.setAttribute("type", "reset");
      document.body.appendChild(Res);
   }
</script>
</head>
<body>
<h1>Input Reset object</h1>
<p>Create an input field with type reset by clicking the below button</p>
<button onclick="resetCreate()">CREATE</button>
<br><br>
</body>
</html>

出力

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

HTMLDOM入力リセットオブジェクト

[作成]ボタンをクリックすると-

HTMLDOM入力リセットオブジェクト

上記の例では-

ユーザーがクリックしたときにresetCreate（）メソッドを実行するCREATEボタンを作成しました-

<button onclick="resetCreate()">CREATE</button>

resetCreate（）メソッドは、ドキュメントオブジェクトのcreateElement（）メソッドを使用して、パラメータとして「INPUT」を渡すことにより、要素を作成します。新しく作成された入力要素は変数Resに割り当てられ、setAttribute（）メソッドを使用して、値がリセットされたタイプ属性を作成します。

setAttribute（）は属性を作成し、属性が以前に存在しなかった場合は値を割り当てることを忘れないでください。最後に、ドキュメント本文でappendChild（）メソッドを使用して、本文の子としてreset型の入力要素を追加します-

function resetCreate() {
   var Res = document.createElement("INPUT");
   Res.setAttribute("type", "reset");
   document.body.appendChild(Res);
}

  1. HTMLDOMHRオブジェクト

    HTML DOM HRオブジェクトは、HTMLドキュメントの要素を表します。 hrオブジェクトを作成- 構文 以下は構文です- document.createElement(“HR”); hrオブジェクトの例を見てみましょう- 例 <!DOCTYPE html> <html> <style>    body {       text-align: center;       background-color: #fff;    

  2. HTMLDOMUlオブジェクト

    HTMLのHTMLDOMUlオブジェクトは、 を表します 要素。 を作成する 要素 var ulObject = document.createElement(“UL”) ここでは、「ulObject」 次のプロパティを持つことができますが、 HTML5ではサポートされていません − プロパティ 説明 コンパクト 順不同リストを通常より小さく表示するかどうかを設定/返します タイプ 順序付けされていないリストのtype属性の値を設定/返します 順不同リストの例を見てみましょう 要素- 例 <!DOCTYPE