Inputting Elements for Text or Number (text, hidden, password)

The following table lists the most common use cases for input fields:

The .../src/main/resources/templates/inputform.html file shows how the <input> tag is used in Thymeleaf. The most important attributes to notice are either th:value or th:field depending on how you need to address the model attribute:

<div>
    <label for="textValue">Text Value:</label>
    <input type="text" id="textValue" th:field="*{textValue}">
</div>
<div>
    <label for="numberValue">Number Value</label>
    <input type="number" id="numberValue"
th:field="*{numberValue}">
</div>
<div>
    <label for="passwordValue">Password Value</label>
    <input type="password" id="passwordValue"
th:field="*{passwordValue}">
</div>
<div>
    <label for="hiddenValue">Hidden Value</label>
    <input type="hidden" id="hiddenValue"
th:field="*{hiddenValue}">
</div>

There are far more types available for input fields then what is being discussed here. However, the value that will be transmitted is always some kind of textual representation. For a comprehensive list of these types and their usage, the Mozilla Developer Documentation (MDN) for the input field at https://developer.mozilla.org/en/docs/Web/HTML/Element/Input or https://html.spec.whatwg.org/multipage/forms.html are good starting points.