Gemeinschaft Lernen Tools-Bibliothek Freizeit
suchen
Deutsch
Heim > Web-Frontend > HTML-Tutorial > Hauptteil

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

yulia
Freigeben： 2018-09-10 16:01:20
Original
3778 Leute haben es durchsucht

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

Verwandte Etiketten：
button，input
Quelle：php.cn
Vorheriger Artikel：Was bedeutet verzögertes Laden von Bildern? So implementieren Sie das verzögerte Laden von Bildern Nächster Artikel：Analyse von 5 häufig verwendeten Ereignissen in Browsern
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
Neueste Artikel des Autors
Aktuelle Ausgaben
Das Eingabeelement konnte nicht von der Website abgerufen werden Ich versuche also, ein Eingabeelement von Twitter abzurufen, aber wenn ich es ausführe, er...
Aus 2024-04-06 18:59:57
0
1
442
JavaScript-Hover-Ereignisse für herstellerspezifische Pseudoelemente 我有以下htmlinput标签。$("input[type='range']::-webkit-slider-thumb").on('hover',functi...
Aus 2024-04-06 15:35:24
0
1
274
Zeigen Sie durch Iteration ein verschachteltes Array von Objekten in einer HTML-Tabelle an Ich habe die folgende Eingabe, die ein Array verschachtelter Objekte enthält. summary ist ...
Aus 2024-04-05 14:11:42
0
1
1373
Erstellen Sie einen Hover-Effekt, der die Menüschaltfläche mit einer schattierten Klonversion in eine X-Form umwandelt Zunächst möchte ich zugeben, dass mein Titel verwirrend ist, und das tut mir leid. Was ich...
Aus 2024-04-04 11:55:21
0
2
315
Fehler beim Einfügen der API-Funktion für Zwischenablagedaten in Javascript. Nicht abgefangener TypeError: Eigenschaften von undefiniert können nicht gelesen werden (liest „getData'). Der HTML-Schaltflächencode lautet wie folgt: Ich habe die einfache Onclick-Funktion auf de...
Aus 2024-04-04 10:23:52
0
1
335
verwandte Themen
Mehr>
Beliebte Empfehlungen
Beliebte Tutorials
Mehr>
Verwandte Tutorials
Beliebte Empfehlungen
Aktuelle Kurse
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage