Heim Web-Frontend HTML-Tutorial Der Unterschied und die Vorsichtsmaßnahmen zwischen Schaltfläche und Eingabetyp = Schaltfläche

Der Unterschied und die Vorsichtsmaßnahmen zwischen Schaltfläche und Eingabetyp = Schaltfläche

Sep 10, 2018 pm 04:01 PM

Browser-Unterstützung

Alle gängigen Browser unterstützen das , während andere Browser den Inhalt des Wertattributs übermitteln. Bitte verwenden Sie Eingabeelemente in HTML-Formularen, um Schaltflächen zu erstellen.

Notizen

Bei Verwendung des value über $('#customBtn').val ()
im IE Bei dieser Verwendung unter (IE-Kernel) ist der erhaltene Wert „button“ und nicht „test“. Unter Nicht-IE ist der erhaltene Wert „test“. Beachten Sie den ersten rot markierten Satz oben.
Dies sollte von unterschieden werden.
Durch diese beiden Methoden erhält $('#customBtn').val(), $('#customBtn').attr('value') den Wert in verschiedenen Browsern wie folgt:

Der Unterschied und die Vorsichtsmaßnahmen zwischen Schaltfläche und Eingabetyp = Schaltfläche

Sie können dies überprüfen, indem Sie den folgenden Code testen

<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(){ 
$(&#39;#test1&#39;).click(function(){ 
alert($(&#39;#customBtn&#39;).attr(&#39;value&#39;)); 
}); 
$(&#39;#test2&#39;).click(function(){ 
alert($(&#39;#customBtn&#39;).val()); 
}); 
}); 
</script> 
</head> 
<body> 
<buttonid="customBtn"value="test">&#x6309;&#x94AE;</button> 
<inputtype="button"id="test1"value="getattr"/> 
<inputtype="button"id="test2"value="getval"/> 
</body> 
</html>
Nach dem Login kopieren

2. Wenn Sie versehentlich das

Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Heiße Artikel -Tags

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

So legen Sie die Größe und Farbe der Schaltflächen in HTML fest So legen Sie die Größe und Farbe der Schaltflächen in HTML fest Mar 05, 2021 pm 05:16 PM

So legen Sie die Größe und Farbe der Schaltflächen in HTML fest

So implementieren Sie ein verstecktes Laravel-Eingabefeld So implementieren Sie ein verstecktes Laravel-Eingabefeld Dec 12, 2022 am 10:07 AM

So implementieren Sie ein verstecktes Laravel-Eingabefeld

So kapseln Sie Eingabekomponenten und einheitliche Formulardaten in vue3 So kapseln Sie Eingabekomponenten und einheitliche Formulardaten in vue3 May 12, 2023 pm 03:58 PM

So kapseln Sie Eingabekomponenten und einheitliche Formulardaten in vue3

Detaillierte Erläuterung der Eingabefeld-Bindungsereignisse in Vue-Dokumenten Detaillierte Erläuterung der Eingabefeld-Bindungsereignisse in Vue-Dokumenten Jun 21, 2023 am 08:12 AM

Detaillierte Erläuterung der Eingabefeld-Bindungsereignisse in Vue-Dokumenten

Was tun, wenn beim Klicken auf das Eingabefeld kein Cursor angezeigt wird? Was tun, wenn beim Klicken auf das Eingabefeld kein Cursor angezeigt wird? Nov 24, 2023 am 09:44 AM

Was tun, wenn beim Klicken auf das Eingabefeld kein Cursor angezeigt wird?

So verwenden Sie das Wagenrücklauf-Ereignis und die Überprüfungsfunktion des Eingabefelds im Vue-Dokument So verwenden Sie das Wagenrücklauf-Ereignis und die Überprüfungsfunktion des Eingabefelds im Vue-Dokument Jun 20, 2023 am 09:13 AM

So verwenden Sie das Wagenrücklauf-Ereignis und die Überprüfungsfunktion des Eingabefelds im Vue-Dokument

Was ist das Eingabeelement in jquery? Was ist das Eingabeelement in jquery? Jun 06, 2023 pm 02:18 PM

Was ist das Eingabeelement in jquery?

So verbieten Sie die Eingabe in HTML5-Eingaben So verbieten Sie die Eingabe in HTML5-Eingaben Feb 03, 2023 am 10:02 AM

So verbieten Sie die Eingabe in HTML5-Eingaben

See all articles