속성 값 설정

✏️ 속성 값 기본 설정

• thymeleaf 의 속성이 있을경우 기본 속성을 삭제하고 th 속성이 작동된다.
  • 예제에서는 mock 이 삭제되고 useerA 로 실행됨

<input type="text" name="mock" th:name="userA" />

✏️ 속성 추가

• attrappend
  • 기존 class 값인 “text” 에 ‘ large’ 를 더해 “text large” 로 실행됨

<input type="text" class="text" th:attrappend="class=' large'" />

• attrprepend
  • attrappend 처럼 더해주지만 앞으로 더해 “large text” 가 출력됨

<input type="text" class="text" th:attrprepend="class='large '" />

• classappend
  • class 속성을 추가할 때 사용
  • 공백문자를 넣지 않아도 알아서 공백을 추가해 더해준다.
  • “text large”

<input type="text" class="text" th:classappend="large" />

• 삼항 연산자를 사용해 원하는 경우에만 class 속성을 더해주는것도 가능항하다.

<input type="text" class="text" th:classappend="${item.menu == 'content'} ? 'large' : ''" />

✏️ Checked 처리

• HTML 에서 check box 의 경우 checked 속성이 존재할경우 설정 값에 관계없이 체크가 된 상태로 작됭된다.
  • checked 설정을 False 로 했지만 check 가 된상태로 실행됨

<input type="checkbox" name="active" checked="false" />

• Thymeleaf 의 checked 는 설정 값에 따라 체크가 되고 안되고가 결정된다.

<input type="checkbox" name="active" th:checked="true" /> // O
<input type="checkbox" name="active" th:checked="false"/> // X

• 활용
  • boolean 변수를 활용해 체크 여부를 결정시킬 수 있다.

<input type="checkbox" name="active" th:checked="${isChecked}" />