Bagaimana untuk menogol butang dan menyerahkan borang pada masa yang sama?-html tutorial-php.cn

Bagaimana untuk menogol butang dan menyerahkan borang pada masa yang sama?

WBOY

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

ke hadapan

624 orang telah melayarinya

Bagaimana untuk menogol butang dan menyerahkan borang pada masa yang sama?

Setiap borang HTML mempunyai atribut tindakan yang berinteraksi dengan bahagian pelayan. Apabila borang diserahkan, atribut tindakan HTML digunakan untuk menentukan tempat data borang harus dipindahkan ke pelayan. Setiap butang membawa kita ke tempat yang sama kerana atribut tindakan menyimpan destinasi data.

Butang HTML

Butang boleh klik ditakrifkan oleh

Tatabahasa

Berikut ialah sintaks HTML

<form action="#" method="post">
   <button type="submit">click</button>
</form>

Salin selepas log masuk

Untuk lebih memahami cara menogol butang dan menyerahkan borang pada masa yang sama.

Contoh

Dalam contoh di bawah, kami akan membuat borang yang menyerahkan borang dan menogol butang pada masa yang sama.

<!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>

Salin selepas log masuk

Apabila skrip dilaksanakan, ia akan menghasilkan output yang mengandungi borang dengan medan input dan butang klik pada halaman web. Apabila pengguna mengklik butang, borang diserahkan dan halaman baharu dipaparkan.

Contoh

Pertimbangkan contoh berikut, kami akan membuat borang, membuat butang togol dan menyerahkan borang pada masa yang sama.

<!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>

Salin selepas log masuk

Apabila menjalankan skrip di atas, tetingkap output akan muncul menunjukkan senarai juntai bawah dan butang hantar. Apabila pengguna mengklik butang hantar, borang akan dihantar dan halaman baharu akan dibuka pada masa yang sama.

Atas ialah kandungan terperinci Bagaimana untuk menogol butang dan menyerahkan borang pada masa yang sama?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!