HTML <input> 체크 속성

<시간/>

요소의 checked 속성은 웹 페이지가 로드될 때 입력 유형 확인란이 선택되도록 지정합니다. 입력 유형 라디오와 함께 이 속성을 사용할 수도 있습니다.

다음은 구문입니다 -

<input type=”checkbox” checked>

위에서 웹 페이지가 로드될 때 체크박스가 선택되기를 원했기 때문에 체크박스로 설정했습니다.

이제 요소 −

의 checked 속성을 구현하는 예를 살펴보겠습니다.

예시

<!DOCTYPE html>
<html>
<body>
<h2>Register</h2>
<form action = "" method = "get">
Id: <input type = "text" name = "id" placeholder = "Enter UserId here..." size = "25"><br>
Password: <input type = "password" name = "pwd" placeholder = "Enter password here..."><br>
DOB: <input type = "date" name = "dob" placeholder = "Enter date of birth here..."><br>
Telephone: <input type = "tel" name = "tel" placeholder = "Enter mobile number here..."><br>
Email: <input type = "email" name = "email" placeholder = "Enter email here..." size = "35"><br><br>
<input type = "checkbox" name = "vehicle" value = "Bike" checked>Newsletter Subscription: <br>
<button type = "submit" value = "Submit">Submit</button>
</form>
</body>
</html>

출력

HTML input 체크 속성

위의 예에는 버튼이 있는 양식이 있습니다 -

<form action = "" method = "get">
Id: <input type = "text" name = "id" placeholder = "Enter UserId here..." size = "25"><br>
Password: <input type = "password" name = "pwd" placeholder = "Enter password here..."><br>
DOB: <input type = "date" name = "dob" placeholder = "Enter date of birth here..."><br>
Telephone: <input type = "tel" name = "tel" placeholder = "Enter mobile number here..."><br>
Email: <input type = "email" name = "email" placeholder = "Enter email here..." size = "35"><br><br>
<input type = "checkbox" name = "vehicle" value = "Bike" checked>Newsletter Subscription: <br>
<button type = "submit" value = "Submit">Submit</button>
</form>

그것으로 우리는 또한 확인란을 설정했습니다 -

<input type="checkbox" name="vehicle" value="Bike" checked>Newsletter Subscription:

위에서 볼 수 있듯이 페이지가 로드될 때 입력 유형 확인란이 선택된 상태로 유지되도록 checked 속성을 설정했습니다.

HTML 체크 속성

예시

출력