如何将类添加到 html 格式的 submit 类型的输入中，例如一旦添加它就不会被删除？

Question

我正在尝试将一个类添加到submit类型的输入中，我尝试使用javascript输入，该输入位于表单中

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

其中禁用是一种功能：

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

当点击输入时，它会添加类，但当发送操作时，类会再次被删除，我想做的是当我点击输入时我不想再点击它，所以我试图添加禁用的类，我不想删除它，有可能用JS或PHP来做吗？

Answer 1

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

你需要做的是在页面加载时禁用按钮，如果它不再使用的话。(可以说，你可以完全删除按钮，因为有一个被禁用的按钮再也不用了。(

要禁用<input ...，只需将属性disabled添加到标记中即可。

Answer 2

您可以在sessionStorage中存储布尔值，当页面加载时，检查布尔值是否为true，如果为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标记。