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

bfhwhh0e 于 2023-02-07 发布在 PHP

关注(0)|答案(8)|浏览(169)

我已经把我的输入类型重置按钮内的形式，但它仍然不工作。

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

php

来源：https://stackoverflow.com/questions/40734855/reset-button-not-working-in-html-php

8条答案

按热度按时间

csbfibhn1#

如果你希望重置按钮清空表单，那重置按钮就不是这样工作的。它会将表单域重置为 * 页面加载时的状态 *。在这种情况下，表单中有预填充的内容，因此单击重置按钮将简单地撤消自页面加载以来用户所做的任何更改。
要将所有表单字段重置为空/无，需要javascript。首先获取表单DOM对象，然后迭代所有要重置的输入类型，并设置每个field.value = ''（输入文本类型/文本区域），或修改属性（用于选择、单选、复选框等）取消选择等。（可能有现成的，我好像丢了），并将其附加到重置按钮的click事件--或窗体的reset事件。

**编辑：**在快速搜索时，下面是how to clear a form为空值的基本示例。
**编辑：**如果你只关心文本字段，这里有一个简单的方法。我们在表单中添加一个“reset”事件监听器，当它触发时，所有字段都被设置为空字符串。

function setFormCleanReset(formId) {
    let formEl = document.querySelector(formId);
    
    // Add event listener for reset event
    formEl.addEventListener('reset', function(e) {
    
        // Iterate all non-hidden fields, set values to ''
        for(const fieldEl of formEl.querySelectorAll('input:not([type=hidden])')) {

            // @todo check input type and handle "select" etc.
            fieldEl.setAttribute('value', '');
        }
    });
}
// usage: setFormCleanReset('my_form_id');

赞(0）回复(0）举报 2023-02-07

nhn9ugyo2#

我想你忘了在你的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>

赞(0）回复(0）举报 2023-02-07

oxosxuxt3#

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

赞(0）回复(0）举报 2023-02-07

mtb9vblg4#

你只需要把你的重置按钮内的形式。在下面的代码中，我已经采取了一个输入框也是一个例子。我希望它能有所帮助。

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

赞(0）回复(0）举报 2023-02-07

luaexgnf5#

你能不能试试在文本区域内不回显任何东西
试试这个

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

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

赞(0）回复(0）举报 2023-02-07

js4nwp546#

对不起！您正在输入属性中使用默认值。请删除其中的默认值。然后键入任何内容，再单击“休息”，这将使文本框为空。

赞(0）回复(0）举报 2023-02-07

mbyulnm07#

我有一个表单向另一个PHP文件提交变量。在第二个文件中，有一个按钮可以返回到第一个文件，以便最终更正提交的值。值通过$_POST保留在表单中。“Reset”按钮仅在第一次使用表单时有效提交并从第二个PHP文件返回后，“Reset”不做任何事情，没有值被清除。按钮似乎完全不活动。

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

赞(0）回复(0）举报 2023-02-07

ovfsdjhp8#

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

赞(0）回复(0）举报 2023-02-07

我来回答

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

8条答案

相关问题

热门标签

最新问答