重置按钮无法在html(php)

时间:2016-11-22 06:05:06

标签: php html

我已将输入类型重置按钮放在窗体内,但仍然无效。

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

8 个答案:

答案 0 :(得分:9)

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

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

修改:在快速搜索中,这是空值how to clear a form的基本示例。

答案 1 :(得分:1)

我认为您忘记在 html 中插入form标记了。如果您将按钮代码插入<form>..button code here..</form>,它应该可以工作。像这样:

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

答案 2 :(得分:0)

你应该将<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>

答案 3 :(得分:0)

您只需将重置按钮放在表单中即可。在下面的代码中,我也把一个输入框作为一个例子。我希望它有所帮助。

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

答案 4 :(得分:0)

你能否在 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>

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

答案 5 :(得分:0)

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

答案 6 :(得分:0)

对不起!您正在输入属性中使用默认值。从中删除默认值。然后键入任何内容,然后单击“休息”,它将使您的文本框为空。

答案 7 :(得分:0)

我有一个将变量提交到另一个PHP文件的表单。在第二个文件中,有一个按钮可引回到第一个文件,以最终校正提交的值。这些值由$ _POST保留在表单中。 “重置”按钮仅在第一次使用表单时才有效(空)。提交并从第二个PHP文件返回后,“重置”将不执行任何操作,不会清除任何值。该按钮似乎完全无效。

app.UseStatusCodePages(async context =>
{
    if (context.HttpContext.Response.StatusCode == 401)
    {
        context.HttpContext.Response.Redirect("Errors/Unauthorized/");
    }
    else if (context.HttpContext.Response.StatusCode == 500)
    {
        // TODO: Redirect for 500 and so on...
    }
 });