Question

我有一个带有显示/隐藏输入框元素的表单。当我提交表单时，页面会刷新并且它返回默认状态，除了第一个输入框以外的所有输入框都被隐藏我想要的是保持提交前显示的所有方框在提交后仍然可见。这可能吗？

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>

表单提交后保持输入框可见

0 个答案: