Heim > Web-Frontend > js-Tutorial > Ausführliche Erklärung, wie JavaScript die Schaltfläche „Senden' nach dem Absenden des Formulars deaktiviert

Ausführliche Erklärung, wie JavaScript die Schaltfläche „Senden' nach dem Absenden des Formulars deaktiviert

黄舟
Freigeben: 2017-07-22 14:04:42
Original
3331 Leute haben es durchsucht

In diesem Artikel wird hauptsächlich die JavaScript-Methode vorgestellt, um die Schaltfläche „Senden“ nach dem Absenden des Formulars nicht mehr verfügbar zu machen. Dabei handelt es sich um Techniken zum dynamischen Ändern des Formularstils. Dies ist sehr einfach und praktisch

In diesem Artikel werden die Beispiele erläutert. Verwenden Sie Javascript, um eine Methode zu implementieren, um die Schaltfläche „Senden“ nach dem Absenden des Formulars nicht mehr verfügbar zu machen. Teilen Sie es als Referenz mit allen. Die Details lauten wie folgt:

Hier wird JavaScript verwendet, um zu steuern, dass die Schaltfläche „Senden“ nach dem Absenden des Formulars nicht mehr verfügbar ist, wodurch Benutzer daran gehindert werden können, mehrmals zu senden.


<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>表单提交后按钮禁用</title>
<script type="text/javascript">
function sub() {
  document.forms[0].elements[0].disabled = true;
  document.forms[0].submit();
}
</script>
</head>
<body>
  <form action="login.action" method="post">
    <input type="button" name="btn" value="提交表单"
 onclick="return sub();" />
  </form>
</body>
</html>
Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonAusführliche Erklärung, wie JavaScript die Schaltfläche „Senden' nach dem Absenden des Formulars deaktiviert. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage