Html 如何将开关按钮与窗体连接

我有一个web应用程序，我想用它实现一个切换按钮，以便用户可以选择语言。此外，我需要它与一个职位提交

如何对此类切换按钮进行编码，例如

  <div class="btn-group btn-toggle"> 
    <button class="btn btn-xs btn-default">pt</button>
    <button class="btn btn-xs btn-primary active">eng</button>
  </div>

pt
英格

因此，当用户点击其中一个按钮时，会提交带有“pt”或“eng”值的帖子

编辑：我只需要一个简单的帖子重定向。我正在使用Django并翻译此代码的用法：

<form action="{% url 'set_language' %}" method="post">{% csrf_token %}
    <input name="next" type="hidden" value="{{ redirect_to }}">
    <select name="language">
        {% get_current_language as LANGUAGE_CODE %}
        {% get_available_languages as LANGUAGES %}
        {% get_language_info_list for LANGUAGES as languages %}
        {% for language in languages %}
            <option value="{{ language.code }}"{% if language.code == LANGUAGE_CODE %} selected{% endif %}>
                {{ language.name_local }} ({{ language.code }})
            </option>
        {% endfor %}
    </select>
    <input type="submit" value="Go">
</form>

{%csrf\u令牌%}
{%get_当前语言为语言代码%}
{%get_可用语言为语言%}
{%get_language_info_list for LANGUAGES as LANGUAGES%}
{%用于语言中的语言%}
{{language.name_local}}（{{language.code}}）
{%endfor%}

---

但我不想要下拉菜单和“开始”按钮。我更喜欢转辙机

您可以创建如下引导表单。我假设您希望使用php脚本（send.php）验证表单。添加name属性，这将帮助您获取验证脚本中的值

  <form class="form-horizontal" action="send.php" method="post">
    <div class="btn-group btn-toggle"> 
    <button class="btn btn-xs btn-default" name="pt">pt</button>
    <button class="btn btn-xs btn-primary name="eng" active">eng</button>
    </div>
  </form>

pt
英格

给出按钮名称和值：

<button class="btn btn-xs btn-default" name="language" value="pt">pt</button>
<button class="btn btn-xs btn-primary active" name="language" value="eng">eng</button>

pt
英格

---

然后像从

仅发送语言选项和帖子一样读取数据（通过AJAX）

//仅当按下非活动按钮时
$（“按钮”，“语言选择”）。单击（函数（事件）{
var$btn=$（event.currentTarget）
//仅当尚未激活时
如果（！$btn.hasClass（'active'））{
//您可以在单击或在AJAX回调中立即切换按钮
changeActiveButton（$btn）
$.post（$）https://jsonplaceholder.typicode.com/todos/1“，{lang:$btn.text（）}，函数（数据）{
//对API回调数据执行任何操作
})
}
})
功能更改活动按钮（$btn）{
//重置上一个按钮上的活动按钮类型（&P）
$（“button.active”，“#语言选择”）
.removeClass（'btn-primary-active'）
.addClass（'btn-default'）
//在当前按钮上设置活动按钮类型（&U）
$btn
.removeClass（'btn-default'）
.addClass（'btn-primary active'）
}

@import”https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css“

pt
英格

您需要提供更多详细信息。什么表格？你有那张表格吗，还是只有你想发送的语言？另外，您希望通过AJAX还是简单的POST（重定向整个页面）来发送请求？好的，只需添加更多信息。好的，谢谢。在没有php验证的情况下，我如何做到这一点？我不使用php，而是使用django。