Heim >Web-Frontend >HTML-Tutorial >Wie schalte ich die Schaltfläche um und sende das Formular gleichzeitig ab?
Wie schalte ich die Schaltfläche um und sende das Formular gleichzeitig ab?
- WBOYnach vorne
- 2023-08-31 16:13:03651Durchsuche
Jedes HTML-Formular verfügt über ein Aktionsattribut, das mit der Serverseite interagiert. Beim Senden eines Formulars wird das HTML-Aktionsattribut verwendet, um anzugeben, wohin die Formulardaten an den Server übertragen werden sollen. Jede Schaltfläche führt uns zum selben Ort, da das Aktionsattribut das Ziel der Daten speichert.
HTML-Schaltfläche
Anklickbare Schaltflächen werden durch
Grammatik
Das Folgende ist die Syntax von HTML
<form action="#" method="post"> <button type="submit">click</button> </form>
Um besser zu verstehen, wie man die Schaltfläche umschaltet und gleichzeitig das Formular absendet.
Beispiel
Im folgenden Beispiel erstellen wir ein Formular, das das Formular absendet und gleichzeitig die Schaltfläche umschaltet.
<!DOCTYPE html>
<html>
<body>
<form action="https://www.tutorialspoint.com/index.htm" method="post">
Username:<br>
<input type="text" name="username">
<br>
Password:<br>
<input type="password" name="password">
<br><br>
<button type="submit" formaction="https://www.tutorialspoint.com/index.htm">
Signin
</button>
</form>
</body>
</html>
Wenn das Skript ausgeführt wird, generiert es eine Ausgabe mit einem Formular, das Eingabefelder und Klickschaltflächen auf der Webseite enthält. Wenn der Benutzer auf die Schaltfläche klickt, wird das Formular gesendet und eine neue Seite angezeigt.
Beispiel
Betrachten Sie das folgende Beispiel: Wir erstellen ein Formular, erstellen eine Umschalttaste und senden das Formular gleichzeitig ab.
<!DOCTYPE html>
<html>
<body style="background-color:#D5F5E3 ;">
<form action="https://www.tutorialspoint.com/index.htm" method="post">
<label for="courses">Choose Courses:</label>
<select name="courses" id="courses">
<option value="HTML">HTML</option>
<option value="Java">Java</option>
<option value="Python">Python</option>
<option value="CSS">CSS</option>
</select>
<br><br>
<input type="submit" value="Submit">
</form>
</body>
</html>
Wenn Sie das obige Skript ausführen, wird ein Ausgabefenster mit einer Dropdown-Liste und einer Schaltfläche zum Senden angezeigt. Wenn der Benutzer auf die Schaltfläche „Senden“ klickt, wird das Formular gesendet und gleichzeitig eine neue Seite geöffnet.
Das obige ist der detaillierte Inhalt vonWie schalte ich die Schaltfläche um und sende das Formular gleichzeitig ab?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!