title: Thymeleaf th:field overwrites th:value
body: <p>I just figured out that the <code>th:field</code> attribute overrides the <code>th:value</code> attribute.</p>
  
  <p>In my <code>th:each</code> I want to override the value that <code>th:field</code> generates for me. Does anyone know how to achieve this?</p>
  
  <p>Thanks in advance.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="false" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;ul id="userGroupContainer"&gt;
   &lt;li class="clickable unselected" th:each="u, rowStat : ${userNotInGroup}" th:if="${u.id}"&gt;
        &lt;input type="text" readonly="readonly" hidden="hidden" disabled="disabled" th:field="* {users[__${rowStat.index}__].id}" th:value="${u.id}" /&gt;
        &lt;input type="text" readonly="readonly" hidden="hidden" disabled="disabled" th:field="* {users[__${rowStat.index}__].displayName}" th:value="${u.displayName}" /&gt;
        &lt;input type="text" readonly="readonly" hidden="hidden" disabled="disabled" th:field="* {users[__${rowStat.index}__].username}" th:value="${u.username}" /&gt;
        &lt;input type="text" readonly="readonly" hidden="hidden" disabled="disabled" th:field="*{users[__${rowStat.index}__].emailAddress}" th:value="${u.emailAddress}" /&gt;
          &lt;span th:text="${u.displayName}"&gt;&lt;/span&gt;
   &lt;/li&gt;
  &lt;/ul&gt;</code></pre>
  </div>
  </div>
  </p>