Perbezaan antara BUTTON dan INPUT_Pertukaran pengalaman

Untuk meringkaskan tema dalam satu ayat: <button>mempunyai kesan yang sama seperti <input type="button" ... > tetapi lebih berkuasa dari segi kebolehgerakan.

Borang bernama Membentuk sebahagian daripada spesifikasi HTML 4.01 mempunyai jenis kawalan berikut: butang, kotak semak, butang radio, menu, input teks, pilih fail, kawalan tersembunyi, objek kawalan . Kecuali untuk butang/menu/kawalan objek, semuanya dilengkapkan oleh <input>.

Saya bercakap tentang <button> dan <input> di sini.

<button> dan <input>

Spesifikasi spesifikasi: Anda boleh menggunakan <button> dan <input> untuk membuat butang borang. Sila rujuk takrifan terperinci elemen ini untuk jenis butang yang berbeza. Perlu diingat bahawa <button> menyokong fungsi ekspresi yang lebih kaya daripada <input>.

Beberapa perbezaan

Semua orang tahu bahawa <input> boleh digunakan seperti ini (sebenarnya, ia mesti digunakan seperti ini): <input type="submit" value="OK" />, ia mesti ditutup seperti ini. Daripada: <input type="submit" value="OK" ></input>. Kerana tag pembuka adalah dan mestilah , manakala tag penutup adalah dan dilarang.

<button> lebih berkuasa daripada <input> kerana ia boleh mengandungi kandungan. Nilainya tidak ditulis dalam atribut value, tetapi disertakan dalam teg. Seperti: <button>OK. Teg pembuka dan teg penutup <button> kedua-duanya diperlukan. Dengan cara ini anda mendapat kawalan ke atas penggayaan.

Anda boleh menulis seperti ini: <button>OK, I do., atau bahkan memasukkan gambar: <button>, it's great.. Agak serupa dengan <input type="image">, tetapi jelas lebih berkuasa.

Perkara terakhir yang perlu diperhatikan ialah imej yang disertakan oleh <button> tidak boleh menggunakan peta haba, iaitu, ia tidak boleh <img src="foo.gif" usemap="..." />, yang menyalahi undang-undang. Sudah tentu, elemen seperti input, select, textarea, label, button, form, fieldset, iframe dan isindex (ditamatkan) tidak lagi dibenarkan.