인프런 커뮤니티 질문&답변

학습하는 분들께 도움이 되고, 더 좋은 답변을 드릴 수 있도록 질문전에 다음을 꼭 확인해주세요.

1. 강의 내용과 관련된 질문을 남겨주세요.
2. 인프런의 질문 게시판과 자주 하는 질문(링크)을 먼저 확인해주세요.
(자주 하는 질문 링크: https://bit.ly/3fX6ygx)
3. 질문 잘하기 메뉴얼(링크)을 먼저 읽어주세요.
(질문 잘하기 메뉴얼 링크: https://bit.ly/2UfeqCG)

질문 시에는 위 내용은 삭제하고 다음 내용을 남겨주세요.
=========================================
[질문 템플릿]
1. 강의 내용과 관련된 질문인가요? (예/아니오)
2. 인프런의 질문 게시판과 자주 하는 질문에 없는 내용인가요? (예/아니오)
3. 질문 잘하기 메뉴얼을 읽어보셨나요? (예/아니오)

[질문 내용]

랜더링전<input type="checkbox"  th:field="*{open}" class="form-check-input"/>

랜더링후

<input type="checkbox" class="form-check-input" id="open" name="open" value="*{open}"/>

th:field를 사용하여 강의에서 배운대로 위와 같은 랜더링 결과를 기대했으나

실제 랜더링된 페이지 코드를 보니 아래와 같이 id="open"이 아닌 id="open1"이 적용되었습니다.

<div>판매 여부</div> 

<div> 

<div class="form-check"> 

    <input type="checkbox" class="form-check-input" id="open1" name="open" value="true"/>

    <input type="hidden" name="_open" value="on"/> 

    <label for="open" class="form-check-label">판매 오픈</label> 

</div> 

</div>

그럼 label의 for과 input의 id를 맞추기 위해서 저런 경우 th:field를 사용한다고 해도 id를 작성해야 하나요??

아니면 다른 방법이 있을까요?

긴 글 읽어주셔서 감사합니다.