提交包含所有广播框的表单时,后退按钮不会检索谷歌浏览器中的单选框选择。
见下面的例子:
的index.html
<form action="score.html" method="post">
<p>
Question 1: <br />
A<input name="question1" type="radio" value="A" /> <br />
B<input name="question1" type="radio" value="B" /> <br />
C<input name="question1" type="radio" value="C" /> <br />
</p>
<p>
Question 2: <br />
A<input name="question2" type="radio" value="A" /> <br />
B<input name="question2" type="radio" value="B" /> <br />
C<input name="question2" type="radio" value="C" /> <br />
</p>
<p>
Question 3: <br />
A<input name="question3" type="radio" value="A" /> <br />
B<input name="question3" type="radio" value="B" /> <br />
C<input name="question3" type="radio" value="C" /> <br />
</p>
<input name="Test" type="submit" value="Test" />
</form>
score.html
<a href="javascript:history.go(-1)>Go Back</a>
这是我构建的测试表单的精简版本的示例。当有人提交一个包含所有收音机的表格,然后进入结果页面时,我会显示哪些是正确的,哪些是错的,并给他们选择纠正错误的一个。返回的方法是通过浏览器后退按钮或history.go(-1)。
仅限Google Chrome浏览器(当前正在运行版本35.0.1916.114 m),广播框重置为空白。在IE和Firefox中,它们工作正常。谷歌浏览器是我们的主要浏览器,这一次没有问题。
我还发现,如果您在表单中添加一个文本框然后执行后退按钮,则所有值都会按预期保留。
我也通过HTTP / HTTPS进行了测试,因为我研究过有人说他们有这个问题。
我的工作是将答案发布回上一个表单而不是使用history.go(-1),但我们希望再次使用后退按钮,对于那些容易点击它的用户。