Question

好吧我可以在这里使用小提示：我有一个带有两个按钮的表单，一个必须提交表单，另一个必须重置完整的表单。文本字段在每次提交后都会保留其值，但我想使用重置按钮

完全清除它

<form method="post">
  <input type="text" name="text" value="Clear Me Please">
  <button type="submit" name="submit">Submit</button>
  <button type="reset" name="reset">Reset</button>
</form>

我有一个输入字段，提交按钮和一个重置按钮。提交表单后，用户输入将作为值插入，因为我不想丢失输入。现在，当我在字段中键入内容时，我可以将表单重置为计划，但在提交后现在保持该值，但按下重置按钮会将输入重置为该值。

示例：我输入＆＃34; TEXT＆＃34;，按重置，重置为＆＃34;＆＃34;。输入＆＃34; TEXT2＆＃34;，按提交，获取提交，输入值，字段现在有＆＃34; TEXT2＆＃34;写下来。替换＆＃34; TEXT2＆＃34;使用＆＃34; TEXT3＆＃34;，按重置，现在字段包含＆＃34; TEXT2＆＃34;而不是＆＃34;＆＃34;。我希望这是足够的解释。

Answer 1

你可能需要多做一点

但他可能会帮忙 - 使用Jquery

Edited Version:
<head>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
  <script>
    jQuery(document).ready(function() {
      jQuery("#btn").on('click', function(e)
      {
        document.getElementById("myForm").reset();
        $('#input').attr("value", "");
      });
    });
  </script>
</head>

<form id="myForm" method="post">
  <input type="text" name="input" id="input" value="<?= $_POST['input'] ?>"><br>
  <button type="submit">Submit</button>
  <input type="button" id="btn"  value="Reset">
 </form>

 Orginal Version:
 <head>
     <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
    <script>
    jQuery(document).ready(function() {     
            jQuery("#btn").on('click', function(e)
            {   
               values= $('#fname').val();
                document.getElementById("myForm").reset();
                $('#fname').attr("placeholder", values);
            });
        });
    </script>
        <head>
    <form id="myForm">
      First name: <input type="text" name="fname" id="fname"><br>
      Last name: <input type="text" name="lname"><br><br>
      <input type="button" id="btn"  value="Reset form">
    </form>

jsfiddle link here

使用重置按钮清除表单值

1 个答案: