Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/462.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 表单提交后,保持输入框可见_Javascript_Html - Fatal编程技术网

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的值中,每次显示页面时,您都会检查该页面,并在此基础上隐藏或显示输入。嗯。。。那你为什么要把它们藏起来。。。你能更详细地描述一下你的情况吗?我会把它们隐藏起来,直到它们被剪掉,但是一旦它们被点击,它们应该在提交之前和之后都显示出来