如何将类添加到html中的Submit类型的输入中，例如添加后将不会将其删除？

Question

我正在尝试向使用javascript输入尝试过的类型为Submit的输入添加类

<input type='submit' name='$emri" . "$mbiemri" . "submit" . "$depart'" . " value='Vlereso' onclick='disable(this)'>

其中disable是一个函数：

 function disable(element)
          {
            element.classList.add('disabled');
          }

当单击输入时，它添加了类，但是当发送动作时，再次删除了该类，我想做的是，当我单击输入时，我不想再单击它，因此我尝试添加禁用的类而且我不希望将其删除，是否需要使用JS或PHP来完成？

Answer 1

当您单击提交按钮时，它将提交表单数据（如果存在）到目标URL，默认情况下是当前URL。 您会看到页面正在重新加载，因此您添加的类将不再存在，因为从技术上讲，它是一个新页面。

如果不打算再次使用该按钮，则需要在页面加载时禁用该按钮。 （可以说，您可以完全删除该按钮，因为禁用的按钮不再使用是没有用的。）

要禁用<input ... ，只需添加属性disabled的标签。

Answer 2

您可以将一个布尔值存储在sessionStorage并在页面加载时检查布尔值是否为true，如果是，则禁用按钮。

窗口关闭后，sessionStorage将自行删除。

例：

pagescript.js：

let shouldDisableInput = sessionStorage.getItem('shouldDisableInput')
if(shouldDisableInput !== undefined){
    $('#input-id').classList.add('disabled') //or $('#input-id').prop('disabled', true);
}
function disable(element){
    element.classList.add('disabled');
    sessionStorage.setItem('shouldDisableInput', 'true')
}

page.html中：

<input id="input-id" type='submit' name='$emri" . "$mbiemri" . "submit" . "$depart'" . " value='Vlereso' onclick='disable(this)'>

不要忘记在HTML正文中添加pagescript.js 。

有关sessionStorage的更多信息： https : //developer.mozilla.org/en-US/docs/Web/API/Window/sessionStorage

Answer 3

您可以从php页面发送具有某些值的隐藏变量，并在html页面中检查该变量是否存在，然后打印disable标签。