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

HTML 자동 초점 속성


요소의 autofocus 속성은 웹 페이지가 로드될 때 중 어느 것이 포커스를 받을지 지정하는 데 사용됩니다. 이 속성은 HTML5에 도입되었습니다.

다음은 구문입니다 -

<input autofocus>

이제 요소 −

의 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  input  자동 초점 속성

위의 예에서 우리는 양식을 만들었습니다 -

<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>

우리는 자동 초점을 아래와 같이 DOB와 같이 세 번째 입력으로 설정했습니다. 따라서 커서는 거기에서 볼 수 있습니다 -

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