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

HTML
ターゲット属性


要素のtarget属性を使用すると、フォームの送信後に生成された応答を表示できます。

以下は構文です-

<form target="_blank|_self|_parent|_top|frame">

ここで、_blankは新しいウィンドウまたはタブに応答を表示するために使用され、_selfは同じフレームに応答を表示し、_parentは親フレームに応答を表示し、_topはウィンドウの本体全体に応答を表示し、frameは名前付きフレーム。

ここで、要素-

のターゲット属性を実装する例を見てみましょう。

<!DOCTYPE html>
<html>
<body>
<h2>Points</h2>
<form action="new.php" method="get" target="_blank">
   Player: <input type="text" name="player"><br>
   Rank: <input type="number" name="rank"><br>
   Points: <input type="number" name="points"><br>
   <button type="submit" value="Submit">Submit</button>
</form>
</body>
</html>

これにより、次の出力が生成されます。フォームを送信すると、回答が新しいウィンドウに表示されます-

HTML form ターゲット属性

フォームを送信すると、次の応答が新しいウィンドウに表示されます-

HTML form ターゲット属性


  1. HTMLフォームメソッド属性

    HTMLフォームメソッド属性は、URL変数として送信されるか、HTTPPOSTトランザクションとして送信されることを意味するフォームデータを送信する方法を定義します。 構文 以下は構文です- <form method=”get | post”></form> ここで取得 フォームデータをURL変数として送信し、投稿 フォームデータをHTTPPOSTトランザクションとして送信します。 HTMLフォームメソッドの属性の例を見てみましょう- 例 <!DOCTYPE html> <html> <style> &n

  2. HTMLフォームアクション属性

    HTMLフォームアクション属性は、フォームがHTMLドキュメントで送信されたときにフォームデータを送信する場所を定義します。 構文 以下は構文です- <form action=”URL”></form> HTMLフォームアクション属性の例を見てみましょう- 例 <!DOCTYPE html> <html> <style>    body {       color: #000;       height: 100vh; &nbs