Javascript 重置表单:样式为“的元素”;显示:无“;
正在处理窗体的重置按钮。因此,在我的.jsp中,我有一行:Javascript 重置表单:样式为“的元素”;显示:无“;,javascript,html,jsp,button,reset,Javascript,Html,Jsp,Button,Reset,正在处理窗体的重置按钮。因此,在我的.jsp中,我有一行: <input type="reset" class="primary" value="Reset Form"><br> 这将还原所有用户输入数据。但是,此表单上也有按钮。电子邮件、传真和电话按钮。如果用户选择电话,则会出现另一组按钮:早晨和晚上 如果我点击电话并点击“重置”,按钮确实会变成“未点击”,但带有早晨和晚上按钮的菜单仍然存在。关于这一点的任何意见,比如为什么会这样?首先,纳入评论: ``A仅重置
<input type="reset" class="primary" value="Reset Form"><br>
这将还原所有用户输入数据。但是,此表单上也有按钮。电子邮件、传真和电话按钮。如果用户选择电话,则会出现另一组按钮:早晨和晚上
如果我点击电话并点击“重置”,按钮确实会变成“未点击”,但带有早晨和晚上按钮的菜单仍然存在。关于这一点的任何意见,比如为什么会这样?首先,纳入评论:
``A仅重置控件的值,它不执行任何其他操作。它是在脚本出现之前发明的,所以它只是做一项基本的工作。如果您想要任何其他功能,您需要对其进行编程
这就是为什么
如果我们查看for(请注意,这是一个过时的文档),我们会发现:
- 8.1.2.8李>
至于手头的问题 为重置添加一个事件侦听器,并向按钮或按钮包装添加样式
显示:none
var form = document.getElementById("someform");
form.addEventListener("reset", hide_day);
有关addEventListener
,请参见。应该走很长的路
和/或直接对表单使用onreset
属性
还有一种可能性是,让脚本在尽可能多的系统和web浏览器上工作,从而减轻并抽象出所面临的挑战。例如,将事件侦听器添加到文档对象
尽管从头开始摆弄这个按钮可能是一个挑战,但它也很有教育意义:)没有任何代码,这是不可能的。你能提供一个例子吗?
如果用户选择电话,另一组按钮会出现
新的外观是由香草CSS还是JavaScript完成的?如果是JavaScript,您还需要在重置
时应用一些反向功能。发布代码时,您可能只需要删除提交时的两组按钮。@RobG:不,当然不需要。我可以把你的评论嵌入问题中吗?写得很好。