Adakah teg HTML butang sah di luar borang?

PHPz
Lepaskan: 2023-09-23 09:05:02
ke hadapan
698 orang telah melayarinya

Adakah teg HTML butang sah di luar borang?

Artikel ini akan memberitahu kami bahawa butang markup HTML di luar borang adalah sah. Sebelum kita bermula, mari kita bercakap tentang teg HTML

HTML

HTML

Tatabahasa

Berikut ialah sintaks HTML

<button type= “..”></button>
Salin selepas log masuk

Elemen butang diterima di mana-mana dalam badan dokumen di mana penanda peringkat teks dibenarkan. Unsur tersebut tidak perlu dikaitkan dengan unsur bentuk. Walaupun elemen butang mempunyai pemaparan lalai yang unik, yang terbaik adalah menggunakan butang hanya untuk item yang direka bentuk untuk melakukan tindakan tertentu apabila diklik.

Elemen butang di luar borang akan mempunyai type=button sebagai nilai lalainya. Ini menunjukkan bahawa JavaScript adalah satu-satunya cara ia berfungsi. Walau bagaimanapun, anda mungkin mempertimbangkan untuk mencipta butang sedemikian menggunakan JavaScript dan bukannya menjadikannya sebagai teks HTML statik.

Berikut ialah contoh penanda butang HTML yang sah di luar borang.

Contoh

Dalam contoh di bawah, kami menggunakan formid dan div untuk membuat butang di luar borang.

<!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>
Salin selepas log masuk

Apabila skrip dilaksanakan, ia akan menghasilkan output yang terdiri daripada medan input nama dan butang hantar. Apabila anda mengklik butang hantar, borang akan diserahkan kepada tindakan borang yang disebutkan.

Atas ialah kandungan terperinci Adakah teg HTML butang sah di luar borang?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:tutorialspoint.com
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!