Rumah  >  Artikel  >  hujung hadapan web  >  Bagaimana untuk menogol butang dan menyerahkan borang pada masa yang sama?

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

WBOY
WBOYke hadapan
2023-08-31 16:13:03581semak imbas

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>

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>

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>

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!

Kenyataan:
Artikel ini dikembalikan pada:tutorialspoint.com. Jika ada pelanggaran, sila hubungi admin@php.cn Padam