checked, enabled, disabled 태그란?

📒 1. checked

정의: checked 속성은 체크박스(<input type="checkbox">)와 라디오 버튼(input type="radio">)이 선택되었는지를 나타냅니다.

용도: 사용자가 체크박스를 선택했는지, 또는 라디오 버튼 그룹에서 특정 옵션을 선택했는지를 확인하는 데 사용됩니다.

---

📒 2. enabled

정의: enabled 속성은 입력 요소가 사용 가능한 상태인지 여부를 나타냅니다. 기본적으로 모든 입력 요소는 활성화되어 있습니다.

용도: 사용자가 입력할 수 있는 상태인지, 즉 폼 요소가 활성화되어 있는지를 확인하는 데 사용됩니다.

---

📒 3. disabled

정의: disabled 속성은 입력 요소가 비활성화된 상태임을 나타냅니다. 비활성화된 요소는 사용자가 상호작용할 수 없습니다.

용도: 특정 상황에서 입력 요소를 비활성화하려고 할 때 사용됩니다. 예를 들어, 특정 조건이 충족될 때만 입력을 허용하는 경우에 유용합니다.

---

요약

속성	설명	사용 예시
checked	체크박스나 라디오 버튼이 선택된 상태	<input type="checkbox" checked>
enabled	입력 요소가 활성화된 상태 (기본적으로 활성화)	<input type="text" enabled>
disabled	입력 요소가 비활성화된 상태	<input type="text" disabled>

• code

  <p>** checked, enabled, disabled ** ----------------------------</p>
  <form class="inputBox">
    <h2>input box</h2>
    <p>
      <label>
        <input type="checkbox" name="radio" value="checked" checked />
        체크박스
      </label>
    </p>
    <p>
      <label>
        <input type="radio" name="radio" value="regular" /> 활성화
      </label>
    </p>
    <p>
      <label>
        <input type="radio" name="radio" value="disabled" disabled /> 비활성화
      </label>
    </p>
  </form>

  .inputBox {
        border: 3px solid lightgray;
      }