重置按钮在 html (php) 中不起作用答案

【问题标题】：Reset button not working in html (php)重置按钮在 html (php) 中不起作用
【发布时间】：2017-04-05 17:09:28
【问题描述】：

我已将输入类型重置按钮放在表单内，但它仍然无法正常工作。

<form method='post' action='process/update_news_action.php' >
<tr>
   <td colspan='2' class="col-md-4">Update News Content</td>
</tr>
<tr >
   <td colspan='2' class="col-md-8"><textarea name="news" id="text"><?php echo  $rows["news"] ;  ?></textarea></td>
</tr>
<tr>
   <td class="col-md-4"><input name='submit' type="submit" value='Publish' class="btn btn-success" /></td>
   <td class="col-md-4"><input name='reset' type="reset" value='Reset' class="btn btn-primary" /></td>
</tr>
</form>

我也试过<button type="reset" value="Reset">Reset</button>

【问题讨论】：

不工作如何？它在表单内吗？
把完整代码放在这里
粘贴整个代码或使用 SO sn-p 以便更好地理解。
如果你使用
里面的reset按钮，它会起作用。
除非您在表单标签中使用它，否则它不会起作用。尝试在表单标签中使用它

标签： php html

【解决方案1】：

如果您希望重置按钮清空表单，那不是重置的工作方式。它会将表单字段重置为页面加载时的状态。在这种情况下，您的表单中已预先填写了内容，因此单击重置将简单地撤消自页面加载以来的任何用户更改。

要将所有表单字段重置为空白/无，您将需要 javascript。首先获取表单DOM对象，然后遍历所有要重置的输入类型，并设置每个field.value = ''（输入文本类型/文本区域），或者修改属性（对于选择，单选，复选框等）取消选择等等在。把它变成一个函数（那里可能有一个现成的部分，我似乎丢失了我的），并将它设置为您的重置按钮的onclick（和return false，除非您也希望默认操作也运行）。

编辑：快速搜索，这里是how to clear a form 清空值的基本示例。

【讨论】：

请参阅this answer，了解如何将表单清除为空值。
确实，这是对“重置”实际作用的重要说明——它将它们恢复到加载页面时的状态，而不是清除值——这是一个令人惊讶的数字的其他“权威”网络资源完成错误！
因此，当我单击页面上的“编辑”按钮时，它会显示一个带有预填充信息的模式表单。当我单击“重置”按钮，然后单击页面上的“添加”按钮时，会弹出模式，其中包含上一个“编辑”按钮中预先填充的信息。我做错了什么？
@Bobort HTML 表单规范中没有“添加”按钮。如果您使用特定的 javascript 框架来生成或修改表单，您可能需要编写一个新问题，详细说明您正在尝试做什么以及如何做。否则，您的浏览器可能会预先填写表单字段，请检查您的浏览器设置和/或为您的表单字段转autocomplete="off" (Moz reference)。

【解决方案2】：

我想你忘了在 html 中插入form 标签。如果您将按钮代码插入<form>..button code here..</form>，它应该可以工作。像这样的东西：

<form>
   <input type="text">
   <td class="col-md-4">
      <input name='reset' type="reset" value='Reset' class="btn btn-primary" />     
   </td>
</form>

【讨论】：

【解决方案3】：

你应该把<input type="reset">放在这样的形式，它肯定会工作

<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<title>Tring Reset</title>
<style>
</style>
</head>
<body>
<form>
<input type="text"></input>
<input type="text"></input>
<input type="text"></input>
<input type="text"></input>
<input type="text"></input>
<input type=reset></input>
</form>
</body>
</html>

【讨论】：

【解决方案4】：

您只需将重置按钮放在表单中。在下面的代码中，我以一个输入框为例。希望对你有帮助。

<form>
	<input type="text" />
   	 <table>
        <td class="col-md-4">
        <input name='reset' type="reset" value='Reset' class="btn btn-primary" /> 
        </td>
   	 </table>
</form>

【讨论】：

【解决方案5】：

您能否尝试在 textarea

内不回显任何内容

试试这个

<form method='post' action='process/update_news_action.php' > 

                                                <tr>
                                                <td colspan='2' class="col-md-4">Update News Content</td>

                                                </tr>
                                                <tr >
                                                    <td colspan='2' class="col-md-8"><textarea name="news" id="text"></textarea></td>
                                                </tr>
                                                 <tr>
                                                    <td class="col-md-4"><input name='submit' type="submit" value='Publish' class="btn btn-success" />   </td> 
                                                <td class="col-md-4"><input name='reset' type="reset" value='Reset' class="btn btn-primary" />   </td> 
                                                </tr>

                                        </form>

我认为重置按钮工作正常。

【讨论】：

【解决方案6】：

对不起！您在输入属性中使用默认值。从中删除默认值。然后输入任何内容，然后单击 rest 它将使您的文本框为空。

【讨论】：

【解决方案7】：

我有一个表单将变量提交到另一个 PHP 文件。在第二个文件中，有一个按钮可以返回第一个文件，以便最终更正提交的值。这些值由 $_POST 保留在表单中。 “重置”按钮仅在第一次使用表单（空）时起作用。从第二个 PHP 文件提交并返回后，“重置”不做任何事情，没有值被清除。该按钮似乎完全处于非活动状态。

<button title="<?php echo $lang['reset-button-hint']; ?>" alt="TOOLTIP 1" type="reset" name="reset"><?php echo $lang['reset-button']; ?></button>

【讨论】：

【解决方案8】：

@Jaspreet Kaur 您需要在表格外添加表单标签。请查看我之前的评论。

【讨论】：

表单标签可以任意添加，