<form method="get"> <label for="items_per_page">每页显示:</label> <select name="items_per_page" id="items_per_page" onchange="this.form.submit()"> <option value="15" {% if items_per_page == 15 %}selected{% endif %}>15</option> <option value="20" {% if items_per_page == 20 %}selected{% endif %}>20</option> <option value="50" {% if items_per_page == 50 %}selected{% endif %}>50</option> </select> </form>保留提交的数值在页面上
时间: 2024-03-02 12:52:00 浏览: 68
html表单<form></form>
这段代码使用了模板引擎的语法,可以在页面上保留提交的数值:
```html
<form method="get">
<label for="items_per_page">每页显示:</label>
<select name="items_per_page" id="items_per_page" onchange="this.form.submit()">
<option value="15" {% if items_per_page == 15 %}selected{% endif %}>15</option>
<option value="20" {% if items_per_page == 20 %}selected{% endif %}>20</option>
<option value="50" {% if items_per_page == 50 %}selected{% endif %}>50</option>
</select>
</form>
```
这个代码会在页面上显示一个带有选项的表单,当用户选择一个选项时,表单会自动提交。在页面加载时,模板引擎会检查 `items_per_page` 变量的值,并将对应的选项设为 `selected`,从而保留用户的选择。
阅读全文