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

HTML<入力>オートコンプリート属性

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

以下は構文です-

<input autocomplete="on|off">

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

要素-

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

例

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

入力の1つに対してオートコンプリートをオンに設定しました-

Player − <input type = "text" name = "player" autocomplete = "on">

したがって、Player入力タイプにカーソルを合わせると、前に入力した値を確認できます。


  1. HTMLリスト属性

    HTMLリスト属性は、HTMLドキュメントの要素の事前定義されたオプションを含む要素を参照します。 構文 以下は構文です- <input list=”text”> HTMLリスト属性の例を見てみましょう： 例 <!DOCTYPE html> <html> <style>    body {       color: #000;       height: 100vh;       background-colo

  2. HTMLmaxlength属性

    HTML maxlength属性は、HTMLドキュメントの入力HTML要素で許可される最大文字数を定義します。 構文 以下は構文です- <input maxlength=”text”> HTMLmaxlength属性の例を見てみましょう- 例 <!DOCTYPE html> <html> <style>    body {       color: #000;       height: 100vh;