button和input type=button的区别及注意事项
浏览器支持
所有主流浏览器都支持
注意事项
在使用value的值
在IE(IE内核)下这样用到得的是值是“按钮”，而不是“test”，非IE下得到的是“test”。参加上面标红的第一句话。
这一点要和
通过这两种方式$('#customBtn').val()，$('#customBtn').attr('value')在不同浏览器的获得值，如下：
验证这一点可以在测试下面的代码
<html>
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/>
<scripttype="text/javascript"src="jquery-1.4.4.min.js"></script>
<scripttype="text/javascript">
$(function(){
$('#test1').click(function(){
alert($('#customBtn').attr('value'));
});
$('#test2').click(function(){
alert($('#customBtn').val());
});
});
</script>
</head>
<body>
<buttonid="customBtn"value="test">按钮</button>
<inputtype="button"id="test1"value="getattr"/>
<inputtype="button"id="test2"value="getval"/>
</body>
</html>2、无意中把
<html> <body> <formaction=""> <button>button</button> <inputtype="submit"value="inputsubmit"/> <inputtype="button"value="inputbutton"/> </form> </body> </html>
Atas ialah kandungan terperinci button和input type=button的区别及注意事项. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Alat AI Hot
Undresser.AI Undress
Apl berkuasa AI untuk mencipta foto bogel yang realistik
AI Clothes Remover
Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.
Undress AI Tool
Gambar buka pakaian secara percuma
Clothoff.io
Penyingkiran pakaian AI
AI Hentai Generator
Menjana ai hentai secara percuma.
Artikel Panas
Alat panas
Notepad++7.3.1
Editor kod yang mudah digunakan dan percuma
SublimeText3 versi Cina
Versi Cina, sangat mudah digunakan
Hantar Studio 13.0.1
Persekitaran pembangunan bersepadu PHP yang berkuasa
Dreamweaver CS6
Alat pembangunan web visual
SublimeText3 versi Mac
Perisian penyuntingan kod peringkat Tuhan (SublimeText3)
Topik panas
1376
52
html怎么设置button大小及颜色
Mar 05, 2021 pm 05:16 PM
在html中，可以使用width和height属性来设置button元素的大小，使用background-color属性来设置button元素的颜色，具体语法为“button{width:宽度值;height:高度值;background-color: 颜色值;}”。
Bagaimana untuk merangkum komponen input dan data borang bersatu dalam vue3
May 12, 2023 pm 03:58 PM
Penyediaan Gunakan vuecreateexample untuk mencipta projek Parameternya adalah seperti berikut: gunakan input asli terutamanya nilai dan perubahan. App.tsx adalah seperti berikut: import{ref}from'vue';exportdefault{setup(){//username is the data constusername=ref('Zhang San');//Apabila kotak input berubah, segerakkan data constonInput =;kembali( )=>({
Bagaimana untuk melaksanakan medan tersembunyi input laravel
Dec 12, 2022 am 10:07 AM
Cara melaksanakan medan tersembunyi input laravel: 1. Cari dan buka fail templat Blade 2. Gunakan kaedah method_field dalam templat Blade untuk mencipta medan tersembunyi Sintaks penciptaan ialah "{{ method_field('DELETE') }} ".
Apa yang perlu dilakukan jika tiada kursor apabila mengklik pada kotak input
Nov 24, 2023 am 09:44 AM
Penyelesaian untuk mengklik kotak input tanpa kursor: 1. Sahkan fokus kotak input 2. Kosongkan cache penyemak imbas 4. Gunakan JavaScript 5. Semak input; sifat kotak; 7. Menyahpepijat kod JavaScript; 8. Semak elemen lain halaman;
Penjelasan terperinci tentang peristiwa mengikat kotak input dalam dokumen Vue
Jun 21, 2023 am 08:12 AM
Vue.js ialah rangka kerja JavaScript ringan yang mudah digunakan, cekap dan fleksibel Ia merupakan salah satu rangka kerja bahagian hadapan yang paling popular pada masa ini. Dalam Vue.js, peristiwa mengikat kotak input adalah keperluan yang sangat biasa Artikel ini akan memperkenalkan peristiwa mengikat kotak input dalam dokumen Vue secara terperinci. 1. Konsep asas Dalam Vue.js, peristiwa pengikatan kotak input merujuk kepada pengikatan nilai kotak input kepada objek data bagi contoh Vue, dengan itu mencapai pengikatan dua hala input dan respons. Dalam Vue.j
Cara menggunakan acara pemulangan pengangkutan kotak input dan fungsi pengesahan dalam dokumen Vue
Jun 20, 2023 am 09:13 AM
Vue ialah rangka kerja bahagian hadapan JavaScript yang popular dengan pengikatan data responsif dan sistem komponen pada terasnya. Dalam aplikasi Vue, kotak input ialah salah satu elemen UI yang paling biasa digunakan. Apabila pengguna memasukkan teks, kami berharap untuk mendengar acara pemulangan pengangkutan dan mengesahkan input sebelum menyerahkan. Artikel ini akan memperkenalkan acara masukkan kotak input dan penggunaan fungsi pengesahan dalam dokumen Vue. 1. Acara pemulangan gerabak kotak input dalam Vue Memantau peristiwa pemulangan gerabak kotak input dalam Vue adalah sangat mudah.
Apakah elemen input dalam jquery?
Jun 06, 2023 pm 02:18 PM
Dalam jquery, input ialah pemilih yang memilih elemen bentuk Fungsinya ialah: 1. Input digunakan untuk mengumpul maklumat pengguna Mengikut nilai atribut jenis yang berbeza, medan input mempunyai banyak bentuk kotak semak, atau topeng Kawalan teks, butang radio, butang, dsb. selepas butang Imej boleh diklik dan serah dll.
Bagaimana untuk melarang input dalam input html5
Feb 03, 2023 am 10:02 AM
Cara melaksanakan input melumpuhkan dalam input HTML5: 1. Tentukan medan input sebagai baca sahaja dan boleh salin melalui baca sahaja 2. Gunakan disable untuk menyedari bahawa elemen input yang dilumpuhkan boleh disalin, tetapi tidak boleh menerima fokus; panjang maksimum input kepada 0 ;4. Gunakan "οnfοcus="this.blur();"" untuk menghalang teks daripada menjadi input.
