Heim > Artikel > Web-Frontend > Sind Schaltflächen-HTML-Tags außerhalb eines Formulars gültig?
Sind Schaltflächen-HTML-Tags außerhalb eines Formulars gültig?
- PHPznach vorne
- 2023-09-23 09:05:02670Durchsuche
In diesem Artikel erfahren Sie, dass das HTML-Markup der Schaltfläche außerhalb des Formulars gültig ist. Bevor wir beginnen, sprechen wir über das HTML-Tag
HTML
HTML
Grammatik
Das Folgende ist die Syntax des HTML-Tags
Schaltflächenelemente werden überall im Dokumentkörper akzeptiert, wo Markup auf Textebene zulässig ist. Solche Elemente müssen nicht mit Formularelementen verknüpft sein. Obwohl das Schaltflächenelement über eine einzigartige Standarddarstellung verfügt, ist es am besten, Schaltflächen nur für Elemente zu verwenden, die beim Klicken eine bestimmte Aktion ausführen sollen.Button-Elemente außerhalb des Formulars haben type=button als Standardwert. Dies deutet darauf hin, dass JavaScript die einzige Möglichkeit ist, wie es funktioniert. Sie könnten jedoch erwägen, solche Schaltflächen mit JavaScript zu erstellen, anstatt sie als statischen HTML-Text zu verwenden.
Hier ist ein Beispiel für gültiges HTML-Schaltflächen-Markup außerhalb eines Formulars.
Beispiel
Im folgenden Beispiel verwenden wir formid und div, um Schaltflächen außerhalb des Formulars zu erstellen.
<!DOCTYPE html>
<html>
<body>
<div>
<form id="my tutorial" action="https://www.tutorialspoint.com/index.htm">
<label for="fname">NAME:</label>
<input type="text" name="fname"></input>
</form>
<button type="submit" form="my tutorial">SUBMIT</button>
</div>
</body>
</html>
Wenn das Skript ausgeführt wird, generiert es eine Ausgabe, die aus einem Namenseingabefeld und einer Schaltfläche zum Senden besteht. Wenn Sie auf die Schaltfläche „Senden“ klicken, wird das Formular an die genannte Formularaktion gesendet. Das obige ist der detaillierte Inhalt vonSind Schaltflächen-HTML-Tags außerhalb eines Formulars gültig?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
Stellungnahme：
Dieser Artikel ist reproduziert unter:tutorialspoint.com. Bei Verstößen wenden Sie sich bitte an admin@php.cn löschen
Vorheriger Artikel：Welche Rolle spielt das scrollX-Attribut in JavaScript?Nächster Artikel：Welche Rolle spielt das scrollX-Attribut in JavaScript?