如何将文本字段更改为按钮

Question

任何机构都可以告诉我将“文本”字段更改为值为0或1的“最佳做法”或方法。

让我清楚我想要什么，所以我在这里（见下文）django表单带有2个字段，分别称为Up_vote和Down_vote，当我提交时，它很好地存储在Votes表中。

但是我要像stacoverflow这样的两个按钮分别具有up_vote和down_vote的功能，当有人按下up_vote时，它应该自动将值1提交给数据库，当有人按下down_Vote时，它将向数据库中提交值0。桌子。

看到这样：

所以基本上我如何将文本字段转换为两个按钮，我现在不知道如何使用JavaScript或其他方法。

Answer 1

这基本上是CSS样式，我假设您不会使用AJAX

1. 创建2个表单，一个用于投票，另一个用于不赞成投票

2. 将输入中的type属性设置为隐藏，value的1表示赞成，0表示反对，并使用CSS设置提交按钮的样式，使其看起来像您想要

这应该在html中是

<!-- Up vote form -->
<form>
    <input type="hidden" name="vote" value="1">
    <button type="submit" class="up-vote-btn"></button>
</form>
<!-- Down vote form -->
<form>
    <input type="hidden" name="vote" value="0">
    <button type="submit" class="up-vote-btn"></button>
</form>