Perbezaan dan langkah berjaga-jaga antara butang dan input type=button_HTML/Xhtml_Web page production

tag
Definisi dan penggunaan Teg

Di dalam elemen butang, anda boleh meletakkan kandungan, seperti teks atau imej. Ini ialah perbezaan antara elemen ini dan butang yang dibuat menggunakan elemen input.
menyediakan fungsi yang lebih berkuasa dan kandungan yang lebih kaya daripada . Segala-galanya di antara teg dan adalah kandungan butang, termasuk sebarang kandungan badan yang boleh diterima, seperti kandungan teks atau multimedia. Sebagai contoh, kita boleh memasukkan imej dan teks yang berkaitan dalam butang dan menggunakannya untuk mencipta imej penanda yang menarik dalam butang.
Satu-satunya elemen yang dilarang ialah pemetaan imej, kerana tindakan sensitif tetikus dan papan kekuncinya mengganggu gelagat butang borang.
Sentiasa nyatakan atribut jenis untuk butang. Jenis lalai dalam Internet Explorer ialah "butang", manakala lalai dalam penyemak imbas lain (termasuk spesifikasi W3C) ialah "serahkan".
Sokongan Penyemak Imbas
Semua penyemak imbas utama menyokong teg
Penting : Jika anda menggunakan elemen butang dalam bentuk HTML, penyemak imbas yang berbeza akan menyerahkan nilai yang berbeza. Internet Explorer akan menyerahkan teks antara dan , manakala penyemak imbas lain akan menyerahkan kandungan atribut nilai. Sila gunakan elemen input dalam borang HTML untuk membuat butang.
Nota
Apabila menggunakan teg mudah untuk mengambil mudah dan menggunakannya sebagai , yang boleh membawa kepada berikut penggunaan yang salah:
1 Dapatkan nilai butangnilai melalui $('#customBtn').val()
Beginilah ia berfungsi di bawah IE (Inti IE) Nilai yang diperolehi apabila menggunakannya ialah "butang", bukan "ujian". Nilai yang diperoleh di bawah bukan IE ialah "ujian". Hadiri ayat pertama yang bertanda merah di atas.
Ini harus dibezakan daripada .
Melalui dua kaedah ini, $('#customBtn').val(), $('#customBtn').attr('value') memperoleh nilai dalam penyemak imbas yang berbeza, seperti berikut:

Browser/Value	$('#customBtn').val()	$('#customBtn').attr('value')
Firefox13.0	test	test
Chrome15.0	test	test
Opera11.61	test	test
Safari5.1.4	test	test
IE9.0	按钮	按钮

Sahkan ini dengan menguji kod di bawah

Salin kod

Kod adalah seperti berikut:

;scripttype ="text/javascript"src="jquery-1.4.4.min.js">
{
$('#test1').klik(function(){
alert($('#customBtn').attr('value'));
}); '# test2').klik(function(){
alert($('#customBtn').val());
});


按 inputtype= "button"id="test1"value="getattr"/>
🎜>


2 secara tidak sengaja meletakkan teg inputtype= "submit"/>
Lihat ayat kedua bertanda merah di atas untuk memahami maksudnya.
Jangan layan teg sebagai elemen input dalam .
Sahkan ini dengan menguji kod di bawah

Salin kod


Kod adalah seperti berikut:

=" inputsubmit"/>

🎜>