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

HTML<入力>オートフォーカス属性

要素のautofocus属性は、Webページの読み込み時にどのがフォーカスを取得するかを指定するために使用されます。この属性はHTML5で導入されました。

以下は構文です-

<input autofocus>

要素-

のオートフォーカス属性を実装する例を見てみましょう。

例

<!DOCTYPE html>
<html>
<body>
<h2>Log in to your account</h2>
<form action="" method="get">
   Id: <input type="text" name="id"><br>
   Password: <input type="password" name="pwd"><br>
   DOB: <input type="date" name="dob" autofocus><br>
   <button type="submit" value="Submit">Submit</button>
</form>
</body>
</html>

出力

HTML 入力 オートフォーカス属性

上記の例では、フォームを作成しました-

<form action="" method="get">
   Id: <input type="text" name="id"><br>
   Password: <input type="password" name="pwd"><br>
   DOB: <input type="date" name="dob" autofocus><br>
   <button type="submit" value="Submit">Submit</button>
</form>

以下に示すように、オートフォーカスを3番目の入力（DOB）に設定したため、カーソルはそこに表示されます-

DOB: <input type="date" name="dob" autofocus><br>

  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;