Javascript 表单提交后,保持输入框可见
我有一个带有显示/隐藏输入框元素的表单。当我提交表单时,页面将刷新 它将返回默认状态,除了第一个输入框之外,其他所有输入框都隐藏。我想要的是保持提交前显示的所有框在提交后仍然可见。这可能吗Javascript 表单提交后,保持输入框可见,javascript,html,Javascript,Html,我有一个带有显示/隐藏输入框元素的表单。当我提交表单时,页面将刷新 它将返回默认状态,除了第一个输入框之外,其他所有输入框都隐藏。我想要的是保持提交前显示的所有框在提交后仍然可见。这可能吗 function show(id){ if (document.getElementById(id+"-link").style.display=="none") { document.getElementById(id+"-link").style.display="block"; do
function show(id){
if (document.getElementById(id+"-link").style.display=="none") {
document.getElementById(id+"-link").style.display="block";
document.getElementById(id+"-input").style.display="block";
}
}
<html>
<form action='form.html' method='POST'>
<table>
<tr>
<td><input type="text" id="a1" name="em_1"></td>
<td><a href="#null" onclick="show('b1')">and</a></td>
</tr><tr>
<td><input type="text" id="b1-input" name="em_2" style="display:none"></td>
<td><a href="#null" style="display:none" id="b1-link"
onclick="show('c1')">and</a></td>
</tr><tr>
<td><input type="text" id="c1-input" name="em_3" style="display:none"></td>
<td><a href="#null" style="display:none" id="c1-link"
onclick="show('d1')">and</a></td>
</tr><tr>
<tr>
<td><input type='submit' name='submit'></td>
</tr>
</table>
</form>
</html>
功能显示(id){
if(document.getElementById(id+“-link”).style.display==“无”){
document.getElementById(id+“-link”).style.display=“block”;
document.getElementById(id+“-input”).style.display=“block”;
}
}
您可以添加cookie或将参数添加到action的值中,每次显示页面时,您都会检查该页面,并在此基础上隐藏或显示输入。嗯。。。那你为什么要把它们藏起来。。。你能更详细地描述一下你的情况吗?我会把它们隐藏起来,直到它们被剪掉,但是一旦它们被点击,它们应该在提交之前和之后都显示出来