重置按钮无法在html(php)中工作

Question

我已将输入类型重置按钮放在窗体内,但仍然无法正常工作.

<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>

Answer 1

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

要将所有表单字段重置为空白/无,您将需要javascript.首先获取表单DOM对象,然后遍历要重置的所有输入类型,并设置每个field.value = ''(输入文本类型/ textarea),或修改属性(用于选择,广播,复选框等)以取消选择,依此类推.将它变成一个函数(那里可能有一个准备好的部分,我似乎已经失去了我的),并将其设置为你的重置按钮onclick(return false除非你想要运行默认动作).

编辑:在快速搜索中,这是一个如何清除表格以清空值的基本示例.

Answer 2

你应该把它<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>