thymeleaf获取input的value

你可以使用Thymeleaf的表达式语言来获取input标签的value值。例如：

<input type="text" th:value="${user.name}" />

这个例子中，Thymeleaf表达式`${user.name}`会被解析成一个变量，它的值将会被设置为input标签的value属性值。假设`user`是一个JavaBean对象，它有一个`name`属性，那么这个input标签的value值就会被设置为`user.name`的值。

相关问题

thymeleaf th:value

Thymeleaf是一个现代的、强大的模板引擎，用于Spring框架中动态网页的开发。`th:value`是Thymeleaf表达式语言（Thymeleaf Expression Language, CEL）中的一个指令，它用于将数据绑定到HTML元素的值上。当你在模板文件中使用`<input type="text" th:value="${variableName}" />`这样的标签时，`variableName`会被视图模型中的相应变量值替换，显示在用户界面中。

举个例子，如果你有一个控制器返回了一个包含用户姓名的ModelAndView：

@GetMapping("/user")
public String getUser(Model model) {
    User user = new User("张三");
    model.addAttribute("user", user);
    return "userTemplate";
}

在对应的Thymeleaf模板(userTemplate.html)中，你可以这样做：

<input type="text" th:value="[[${user.name}]]" />

这里`th:value`会显示"张三"，因为Thymeleaf会解析表达式并取出`user`对象的`name`属性的值。

thymeleaf中input跳转传值

在Thymeleaf模板引擎中，当一个`<input>`元素需要触发页面跳转并且传递值时，通常会配合JavaScript或者Thymeleaf的内置功能如`th:field`和`form`标签一起使用。

例如，假设有一个表单，你想让用户输入用户名并提交到另一个页面：

<form th:action="@{/submit}" method="post">
    <label for="username">用户名：</label>
    <input type="text" id="username" name="username"
           th:field="*{username}"/>
    <button type="submit">提交</button>
</form>

在这个例子中，`th:field`属性会自动绑定表单字段到模型对象（在这里假设是`User`类的一个属性`username`）。当用户点击提交按钮，表单数据会被发送到`/submit`地址，并附带POST请求。

如果你想在JavaScript中手动处理，可以这样设置：

document.getElementById('submit-button').addEventListener('click', function(e) {
    e.preventDefault(); // 阻止默认提交行为
    const username = document.getElementById('username').value;
    // 使用Ajax或其他方式将username传递给服务器
    window.location.href = '/submit?username=' + encodeURIComponent(username);
});

这里的`encodeURIComponent()`用于确保用户名作为查询字符串参数安全地传输。