@GetMapping("/attribute")
public String attribute(){
return "basic/attribute";
}그냥 가기만 함.
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<h1>속성 설정</h1>
<input type="text" name="mock" th:name="userA" />
<h1>속성 추가</h1>
- th:attrappend = <input type="text" class="text" th:attrappend="class='large'" /><br/>
- th:attrprepend = <input type="text" class="text" th:attrprepend="class='large'"/><br/>
- th:classappend = <input type="text" class="text" th:classappend="large"/><br/>
<h1>checked 처리</h1>
- checked o <input type="checkbox" name="active" th:checked="true" /><br/>
- checked x <input type="checkbox" name="active" th:checked="false" /><br/>
- checked=false <input type="checkbox" name="active" checked="false" /><br/>
</body>
</html>타임리프의 속성, 그러니까 th:해서 쓰는 건 기존 태그에 속성이 없었으면 추가해주고 있었으면 덮어씀.
attrappend
attrprepend
이거는 속성 앞이나 뒤 쪽에 추가시켜주는거.
<input type="text" class="text" th:attrappend="class='large'" />
이렇게 하면 th:attrappend="class=' large' " input의 class 속성에 large 추가. 저렇게 띄어쓰기까지 해야 함.
근데 클래스 추가는 종종 있어서 아예
classappend
이렇게 지원해 줌.
그냥 th:classappend="클래스이름" 이렇게 하면 됨.
html은 checkbox같은 것에 checked가 있는 것 만으로도 checked 되었다고 판단함. 그러니까 checked="false"이런 건 안됨.
근데 th:checked="false" 이런 건 저렇게 명령하면 아예 checked를 지워 줌.
이거 말고 텍스트 바꿔치기하는 th:text 많이 씀.
'스프링 > 4. 스프링 MVC-2' 카테고리의 다른 글
| 10. 타임리프 조건문 (0) | 2023.08.22 |
|---|---|
| 9. 타임리프 반복문 (0) | 2023.08.22 |
| 7. 타임리프 연산 (0) | 2023.08.22 |
| 6. thymeleaf 리터럴 (0) | 2023.08.22 |
| 5. thymeleaf url (0) | 2023.08.21 |