Thymeleaf输入表单绑定

Question

我有一个绑定到我的班级的表单，一切都很好。

<form th:action="@{/createPost}" th:object="${newPost}" method="post" class="form-signin">

        <input type="text" th:field="*{topic}" class="new-post-topic-input" placeholder="post topic"
               autofocus="true"/>
</form>

我希望将我的输入css更改为不同的样式，但是键入=‘text’将覆盖所有内容。但是，如果我将输入类型更改为其他任何内容，它就不会绑定值。我能让胸腺细胞看到其他的输入类型来绑定它们吗？

更新

我有引导css文件，其中包含css样式

但是我想为这个输入有我自己的风格，而不想从页面中删除引导css。但是，如果我将class='anyClass‘添加到这个输入中，类型=’text‘中的引导css将覆盖所有内容。如果我将类型从文本更改为其他任何内容，胸腺细胞就不再映射值了。

upd2我的问题不是CSS压倒一切。

我的问题是关于胸腺数据对象绑定。表单标记中有th:object="${newPost}“。Thymeleaf看到了它，当我提交我的表单时，它将所有，绑定到这个对象的字段。

但是，如果我从类型=‘text’改为键入=‘任何change’>其他change=‘change 2’>类型，那么change=‘text’>就不会映射任何东西.我怎样才能让胸腺细胞把其他标签，如等等，绑定到我的对象上呢？

Answer 1

文献资料明确表示可以绑定到其他类型：

请注意，th:field还理解HTML5引入的新类型的<input>元素，如<input type="datetime" ... />、<input type="color" ... />等，从而有效地向Spring添加了完整的HTML5支持。

这些文件还提供了一个例子：

<div>
  <label th:for="${#ids.next('covered')}" th:text="#{seedstarter.covered}">Covered</label>
  <input type="checkbox" th:field="*{covered}" />
</div>

当然，字段covered必须是boolean类型。请确保input元素的类型与字段的类型相匹配。