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

HTML
オートコンプリート属性


要素のオートコンプリート属性を使用すると、フォームのオートコンプリートをオンにするかオフにするかを設定できます。オートコンプリートがオンの場合、Webブラウザは自動的に値を入力します。これは、ユーザーが以前にすでに値を入力した場合にのみ発生します。

以下は構文です-

<form autocomplete="on|off">

上記、オン|オフ オートコンプリートが表示されるかどうかの値が設定されます。ブラウザが以前に入力された値に基づいてエントリを完了するようにしたい場合はオンに設定しますが、オフにするとエントリを完了できません。

要素-

のオートコンプリート属性を実装する例を見てみましょう。

<!DOCTYPE html>
<html>
<body>
<h2>Points</h2>
<form action="" method="get" autocomplete="on">
   Player: <input type="text" name="player"><br>
   Rank: <input type="number" name="rank"><br>
   Points: <input type="number" name="pts"><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