Computer >> 컴퓨터 >  >> 프로그램 작성 >> HTML

HTML 자동 초점 속성

<시간/>

HTML의 autofocus 속성은 여러 요소에 사용되며 페이지가 로드될 때 특정 요소에 포커스를 설정합니다. 자동 초점 속성을 구성하는 요소는 다음과 같습니다.

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

이제 HTML에서 autofocus 속성을 구현하는 예를 살펴보겠습니다-

예시

<!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 nd 에 초점을 표시하는 다음과 같은 출력이 생성됩니다. 동일한 입력 텍스트에 자동 초점을 설정했기 때문에 텍스트 상자 -

HTML 자동 초점 속성