관리 메뉴

웹개발 블로그

[Thymeleaf ] th:feild기능 본문

◆Thymeleaf(타임리프)/기초

[Thymeleaf ] th:feild기능

쿠키린 2023. 1. 29. 19:37

핵심!! 편리하다!!

  <form action="item.html" th:action th:object="${item}" method="post">
        <div>
            <label for="itemName">상품명</label>
            <input type="text"th:feild="${item.itemName}" class="form-control" placeholder="이름을 입력하세요">
        </div>
        ....
  </form>

🔽 해당 태그에 이 속성을 넣어주면 돼!

th:feild="${item.itemName}"

또는 (간편하게 작성도 가능)

th:feild="*{itemName}"  //(*은 th:object="${item}")에 item을 의미한다)

기능 : id, name, value 속성도 자동으로 만들어준다.

 

💥그런데

<label for="itemName">상품명</label>

여기서 id="filedName"을 인식하기 때문에 지우면 빨간색으로 바뀌어서!

불편하면 id만 작성해주면 된다!!!

 

<input type="text" id="itemName" th:feild="*{itemName}" class="form-control" placeholder="이름을 입력하세요">

🔼 요렇게!