如何在HTML表单POST请求中区分单选框选项？

哦，这个问题我之前开发表单的时候也踩过坑！你的单选框提交后没法区分男女，核心原因是没有给每个单选框设置value属性。

咱们来理一理：单选框通过相同的name属性保证同一组只能选一个，但后端识别选项靠的是选中项的value值。如果没设置value，浏览器可能只会传递一个空字符串或者默认的无意义值，后端自然没法判断用户选的是女性还是男性。

给你修改后的完整表单代码：

<form action="/info" method="post">
  <div>
    <input type="text" name="name"> <!-- 补上type属性更规范，避免浏览器默认行为异常 -->
  </div>
  <div>
    <label>
      <input type="radio" name="sex" value="female" checked> woman
    </label>
    <label>
      <input type="radio" name="sex" value="male"> man
    </label>
  </div>
  <button type="submit">Conform</button>
</form>

重点改动说明：

• 给每个radio类型的input添加了value属性，分别设为female和male（你也可以根据后端需求改成其他值，比如0/1，只要前后端约定好就行）
• 补上了姓名输入框的type="text"，让表单更符合规范

这样修改后，当用户提交表单时：

• 如果选中“woman”，POST请求体里会包含sex=female
• 如果选中“man”，请求体里会包含sex=male

后端拿到这个参数就能准确区分用户选择的性别啦！

内容的提问来源于stack exchange，提问作者Shuai Li