如何将“其他”文本输入添加到 HTML 表单中的一组单选按钮？

Question

我正在尝试创建一个表单，其中写入“其他”选项作为最后一个单选按钮。我尝试过以下变体但没有成功：

<label><input type="radio" name="candidate" value="option1">First Option</label>
<label><input type="radio" name="candidate" value="option2">Second Option</label>
<label><input type="radio" name="candidate" value="other">OTHER</label><input type="text" name="other" value="Write In" />

是否可以有一个带有文本输入的单选按钮，在提交时将其值传递给该单选按钮而不使用 javascript？

Answer 1

如果选择“其他”，您只想提交文本字段中的值，将其输入无线电并将其传递到服务器是没有意义的。您可以将“其他”单选按钮的值指定为空字符串，例如：

<label><input type="radio" name="candidate" value="">OTHER</label>

在服务器上，如果“候选”中不存在值，则查找“其他”。