타임리프 : thymeleaf radio 에시

1 / 1

Thymeleaf를 사용하여 HTML에서 라디오 버튼을 생성하는 방법은 다음과 같습니다.

html
<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>라디오 버튼 예시</title>
</head>
<body>
    <form action="#" th:action="@{/submit}" method="post">
        <div>
            <input type="radio" id="option1" name="option" value="option1" th:checked="${option == 'option1'}">
            <label for="option1">옵션 1</label>
        </div>
        <div>
            <input type="radio" id="option2" name="option" value="option2" th:checked="${option == 'option2'}">
            <label for="option2">옵션 2</label>
        </div>
        <div>
            <input type="radio" id="option3" name="option" value="option3" th:checked="${option == 'option3'}">
            <label for="option3">옵션 3</label>
        </div>
        <button type="submit">제출</button>
    </form>
</body>
</html>

위 코드에서는 input 태그를 사용하여 라디오 버튼을 생성하고, label 태그를 사용하여 라벨을 지정합니다. name 속성은 라디오 버튼의 그룹 이름을 나타내고, value 속성은 선택된 라디오 버튼의 값을 나타냅니다.

th:checked 속성은 라디오 버튼이 선택되었는지 여부를 나타내며, ${option}은 컨트롤러에서 전달된 모델 객체의 option 속성 값을 참조합니다. 따라서, 컨트롤러에서 option 속성 값을 설정하면, 해당 값에 따라 라디오 버튼이 선택되게 됩니다.

이 코드에서는 Thymeleaf의 th:action 속성을 사용하여 제출 버튼을 눌렀을 때 처리할 URL을 지정하고 있습니다. 이 URL은 Spring MVC 컨트롤러에서 매핑되는 URL과 일치해야 합니다.

utext의 u는 뭐야?

utext 와 text의 차이는?

thymeleaf에서 [[ ]] [( )] 차이좀

thymeleaf inline javascript 사용시 에디터에서 자바스크립트 경고 빨간줄

thymleaf 주요 th 속성

타임리프 표현식 ${...}Selection Variable Expressions: *{...}Message Expressions: #{...}Link URL Expressions: @{...}Fragment Expressions: ~{...}

QnAi로깅