Wie schalte ich die Schaltfläche um und sende das Formular gleichzeitig ab?-HTML-Tutorial-php.cn

Wie schalte ich die Schaltfläche um und sende das Formular gleichzeitig ab?

WBOY

Freigeben： 2023-08-31 16:13:03

nach vorne

650 Leute haben es durchsucht

Wie schalte ich die Schaltfläche um und sende das Formular gleichzeitig ab?

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>

Nach dem Login kopieren

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>

Nach dem Login kopieren

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>

Nach dem Login kopieren

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!