Nggawe Tombol HTML ing Formulir

Nggunakake Tag Input kanggo Kirim Formulir

Wangun HTML minangka salah sawijining cara sing paling dhasar kanggo nambah interaktivitas menyang situs web panjenengan. Sampeyan bisa takon lan njaluk jawaban saka pembaca, nyedhiyakake informasi tambahan saka database, nyetel game, lan liya-liyane. Ana sawetara elemen HTML sing bisa digunakake kanggo mbangun formulir sampeyan. Lan yen sampeyan wis mbangun formulir, ana akeh cara kanggo ngirim data kasebut menyang server utawa mung miwiti tumindak sing lumaku.

Iki sawetara cara sampeyan bisa ngirim formulir:

Unsur INPUT

Unsur INPUT minangka cara sing paling umum kanggo ngirim formulir, kabeh sing sampeyan pilih yaiku tipe (tombol, gambar, utawa kirim) lan yen perlu nambah sawetara skrip kanggo ngirim formulir tindakan.

Ing unsur bisa ditulis kaya sing. Nanging yen sampeyan nindakake, sampeyan bakal duwe asil beda ing browser beda. Paling browser nggawe tombol sing nyatakake "Kirim," nanging Firefox ndadekake tombol sing nyatakake "Kirimi Query." Kanggo ngganti apa tombol ngandika, sampeyan kudu nambah atribut:

Nilai = "Kirim Formulir">

Unsur iki ditulis kaya kuwi, nanging yen sampeyan ngilangi kabeh atribut liyane, kabeh sing bakal ditampilake ing browser minangka tombol abu-abu kosong. Kanggo nambah teks menyang tombol, gunakake atribut nilai. Nanging tombol iki ora bakal diwenehi kajaba sampeyan nggunakake JavaScript.

onclick = "submit ();">

Sing padha karo jinis tombol, sing butuh script kanggo ngirim formulir. Kajaba sing tinimbang nilai teks, sampeyan kudu nambahake URL sumber gambar.

src = "submit.gif">

Element BUTTON

Elemen BUTTON mbutuhake tag pembuka lan tag sing nutup nalika sampeyan nggunakake, kabeh konten sing dilampirake ing tag bakal dilingkupake ing tombol. Banjur sampeyan ngaktifake tombol kanthi script.

Kirim Formulir

Sampeyan bisa nyakup gambar ing tombol utawa gabungke gambar lan teks kanggo nggawe tombol luwih menarik.

Kirim Formulir

Unsur COMMAND

Unsur COMMAND anyar karo HTML5. Ora mbutuhake FORM kanggo digunakake, nanging bisa tumindak minangka tombol kirim kanggo formulir. Unsur iki ngidini sampeyan nggawe kaca interaktif tanpa perlu formulir kajaba sampeyan pancene kudu formulir. Yen sampeyan pengin menehi perintah, sampeyan nulis informasi ing atribut label.

label = "Kirim Formulir">

Yen sampeyan pengin koma diwakili dening gambar, sampeyan nggunakake atribut lambang.

icon = "submit.gif">

Artikel iki minangka bagéan saka Tutorial Formulir HTML. Maca liwat tutorial lengkap kanggo mangerteni carane nggunakake formulir HTML.

Wangun HTML duwe sawetara cara kanggo ngirim, kaya sing wis sampeyan sinau ing kaca sadurunge. Loro cara kasebut yaiku tag INPUT lan tag BUTTON. Ana alasan sing apik kanggo nggunakake unsur kasebut.

Unsur INPUT

Tag minangka cara paling gampang kanggo ngirim formulir. Sampeyan mbutuhake apa-apa sing ngluwihi tag dhewe, malah ora ana regane. Nalika customer klik ing tombol, submits kanthi otomatis. Sampeyan ora perlu nambah naskah, browser ngerti ngirim formulir nalika ngirim INPUT tag diklik.

Masalah iku tombol iki banget ala lan kosong. Sampeyan ora bisa nambah gambar kasebut. Sampeyan bisa gaya kaya wae unsur liyane, nanging isih bisa ngrasakake kaya tombol ala.

Gunakake metode INPUT nalika form sampeyan kudu diakses sanajan ing browser sing duwe JavaScript dipateni.

Element BUTTON

Elemen BUTTON nawakake pilihan kanggo ngirim formulir. Sampeyan bisa nglebokake apa-apa ing sajroning unsur BUTTON lan ngowahi dadi tombol kirim. Paling umum wong nggunakake gambar lan teks. Nanging sampeyan bisa nggawe DIV lan nggawe kabeh kuwi tombol kirim yen sampeyan pengin.

Kelemahan sing paling gedhe kanggo unsur BUTTON yaiku ora kanthi otomatis ngirim formulir. Iki tegese kudu ana sawetara jinis skrip kanggo ngaktifake. Lan kurang diakses tinimbang cara INPUT. Sembarang pangguna sing ora duwe JavaScript diuripake ora bakal bisa ngirim formulir kanthi mung tombol TUTUP kanggo ngirim.

Gunakake cara BUTTON ing formulir sing ora kaya kritis. Uga, iki cara sing apik kanggo nambah opsi pengajuan tambahan ing sawijining wangun.

Artikel iki minangka bagéan saka Tutorial Formulir HTML . Maca maneh kanggo mangerteni carane nggunakake formulir HTML