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

HTMLオートフォーカス属性

HTMLのautofocus属性は複数の要素に使用され、ページの読み込み時にその特定の要素にフォーカスを設定します。オートフォーカス属性を構成する要素は次のとおりです。

<button>, <input>, <select> and <textarea>.

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

例

<!DOCTYPE html>
<html>
<body>
<h2>Result</h2>
<form action="" accept-charset="ISO-8859-1">
   <label for="stinfo">Student:</label>
   <input type="text" name ="stinfo"><br>
   <label for="sub">Subject:</label>
   <input type="text" name ="sub" autofocus><br>
   <label for="rank">Rank:</label>
   <input type="number" name ="rank"><br>
   <label for="marks">Marks:</label>
   <input type="number" name ="marks"><br><br>
   <input type="submit">
</form>
</body>
</html>

出力

これにより、次の出力が生成され、2番目の にフォーカスが表示されます。 同じ入力テキストにオートフォーカスを設定しているため、テキストボックス-

HTMLオートフォーカス属性


  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;