속성 값 설정

타임리프 태그 속성

th:xxx 에 속성을 지정하는 방식으로 동작한다.

1. 속성 변경

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

• name="mock" 을 th:name="userA" 의 값으로 변경한다.
• 타임리프 뷰 템플릿을 거치게 되면 원래 값( xxx )을 th:xxx 값으로 변경한다.
• 만약 값이 없다면 새로 생성한다.
• HTML을 그대로 볼 때는 name 속성이 사용되고, 뷰 템플릿을 거치면 th:name 의 값이 userA 로 대체되면서 동적으로 변경할 수 있다.
• 대부분의 HTML 속성을 th:xxx 로 변경할 수 있다.

2. 속성 추가

1) th:attrappend

• 기존 속성 뒤에 추가된다.

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

-> class 뒤에 ‘ large’가 추가되어서, class = “text large”가 된다.

2) th:attrprepend

• 기존 속성 앞에 추가한다.

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

-> class 앞에 ‘large ‘가 추가되어, class=”large text” 가 된다.

3) th:classappend

• 기존 속성뒤에 추가하며, 띄어쓰기를 자동으로 적용한다.

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

-> class=”text large”로 변경된다. ( 띄어쓰기는 자동으로 적용된다. )

(참고)김영한님 인프런 Spring MVC-2
https://www.inflearn.com/course/%EC%8A%A4%ED%94%84%EB%A7%81-mvc-2